Spacex clone with HTML, CSS and JS (tutorial for beginners)

In this tutorial we will build spacex landing page with html, css and javascript. This tutorial is suited for beginners wanting to learn html, css and js. I try explain all html tags and css properties and why I use them.

Timestamps
00:00:00 - Intro
00:00:57 - Header logo and navigation
00:26:50 - Pages sections
00:47:58 - Footer
00:54:18 - Header nav links animation
01:01:09 - Mobile navigation with sidebar animation
01:29:31 - Page sections with scrolling animation
01:41:38 - Outro

[arjunpanda]

Your content is awesome bro, keep doing, keep teaching ❤️🇮🇳

[rl]

Hey great video, I had a question though, when setting the media queries for the logo and the center nav, why did you set the top, left, and margin left values to "initial" instead of 0;? it seems to do the same thing. Whats the though process there? Is it because the position is set to relative which will inherit the properties of the logo once it hits the min-width? Thanks for your time, I've understood every thought behind every value and it's helped give me more ideas with design.

[conceptualdeveloper]

Nice ui ...but not keep modify frequently.

[muhammadsafvankv]

the "querySelector" is not works for me plz help 🤔😓😞

[tanonchaisrikaew]

tell me pls keywords do at 48.31 of video

[salikak]

you dont know how to teaching a student...