Prudhvi's Blog

You Only Need Plain HTML & CSS

Prudhvi's photo
Prudhvi
·

1 min read

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

Example Build = 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) 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) 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)

    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) and use 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).

  7. Yes, That's it 6 simple steps to build great looking brand websites like below.

HTML5CSSJavaScriptReactNode.jsMERN Stack