# You Only Need Plain HTML & CSS

### Blog Aim = Help reader to build complex styles only using CSS.

### Example Build = [https://blinkit-elf-5b2a22.netlify.app/](https://blinkit-elf-5b2a22.netlify.app/)

### Followed Process :

1. Watch this complete HTML course with proper intention to learn ([https://www.youtube.com/watch?v=kUMe1FH4CHE](https://www.youtube.com/watch?v=kUMe1FH4CHE)) and build
    
    course suggested final project on your own.
    
2. Watch this complete CSS crash course with same intention to learn ([https://www.youtube.com/watch?v=1Rs2ND1ryYc](https://www.youtube.com/watch?v=1Rs2ND1ryYc)) and build the
    
    course suggested final project on your own.
    
3. Clone any brands website on your own **ex:** Zepto, Blinkit etc..,
    
4. While cloning you need this chrome extension to know what actual
    
    colors and fonts are they using to build ([https://chromewebstore.google.com/detail/font-finder/pkiokiaeahklmefmfpnnofmgfafajpdl?hl=en-US&utm\_source=ext\_sidebar](https://chromewebstore.google.com/detail/font-finder/pkiokiaeahklmefmfpnnofmgfafajpdl?hl=en-US&utm_source=ext_sidebar))
    
    Try the above.
    
5. You also need there icons and images used in there website, so for that
    
    you need something called Awesome ScreenShot Extension ([https://chromewebstore.google.com/detail/awesome-screen-recorder-s/nlipoenfbbikpbjkfpfillcgkoblgpmj](https://chromewebstore.google.com/detail/awesome-screen-recorder-s/nlipoenfbbikpbjkfpfillcgkoblgpmj)) and use [https://www.remove.bg/](https://www.remove.bg/) for background removal from image.
    
6. You will need to know something called "Media Queries" for Responsive
    
    designs of the page.  
    Watch this 20 mins crash course: ([https://www.youtube.com/watch?v=zo-xBNOXdbg](https://www.youtube.com/watch?v=zo-xBNOXdbg)).
    
7. Yes, That's it 6 simple steps to build great looking brand websites like below.
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1718348997648/7fbf8c3f-5e54-447c-8e4f-7f6010876fd9.png align="center")