Easy Mega Menu and Multi Level Dropdown with Animations | HTML & CSS Tutorial (2020)

In this tutorial, we are going to build an easy Mega Menu and a Multi-Level dropdown menu in a header. Everything will have animations and we will only use HTML and CSS to accomplish it all!

_____________________________________
📚 Learn to CODE in just a FEW months here:
_____________________________________

🛠️ Tools I use:

_____________________________________

⏱️ Timestamps ⏱️
00:00 - Intro
00:21 - Set Up
00:44 - Header
08:16 - Multi-Level Dropdown Menu
15:06 - Mega Menu
25:13 - Image Zoom Effect
26:18 - Blog Mega Menu
_____________________________________

💖 Show support!
_____________________________________

👀 Watch Next:
_____________________________________

🌐 Connect With Me:
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #Emmet #CSS

[thanossmponias]

Great work!! Making this huge thing responsive will make you a real hero to many . . . . .

[AlanD]

THANK YOU SO MUCH. I've never thought about writing CSS like that. That was an actual mind-opening for me to do lots of complex design. I always wondered how you do it. even I know most of the CSS properties. Thank you so much.

[jitxhere]

Simple Explanation.
Thank You so much for this.

[shubhamsagar]

at 9:10 there is no dropdown class then then hw is it you r using it to change style sir

[nguyenhoangminh]

You are extremely good at what you instruct. I very enjoy your tutorial and learn a lot from your instruction. Looking forward to the next things to come on your channel!

[mdmahbubalam]

what is the name of the color theme of vs code and what the name of extension that blinking yellow where is writing courser standing.please let me know

[targetoirtwenty-three]

Thanks for all the videos you made, I have so much to learn a lot... and suffer a lot.

[galleon]

Thank you 🙏 Thank you 🙏 Thank you 🙏! You just saved someone’s job

[FarazKhan-ejck]

.content .col .img{} is make the image so large and floating freely on the entire screen.
how to control this?

[hussnainjavd]

What's the need of position: relative in header ?

[iUmerFarooq]

Hmm... That was my request 😋
Thank you 😊

[anassl.]

Keep up the beautiful work, could you please make another video to make this responsive ? Thanks in advance.

[katiabmg]

thank you so much you just saved me for my assignment

[olga_lc]

Great video! Will that hover dropdowns work correctly on touchscreen, iphone, etc.?

[MrJettann]

That was wonderful! Thank you so much!
I just didn't understand 1 thing, how called the extension, which reminds you what colors you've already used in your project? I didn't find it in your SuperHero extension pack :)

[saberaraoubia]

i have one litle question if you don't mind the <class >of the item 3 <li> why did you add (dropdown dropdown-right)

[SachithSenarathneanimo]

Anybody know the plugins that he has used in VS code here?

[abradis]

Can I have th theme that you're using int the vscode please🙏, I like it❤

[KadirMedia]

Hopefully the video for adding the responsiveness will be uploaded soon 👌

[streamx]

Thank you for this. I dont know why 90% of website design tutorials on YouTube are without navigation. I have a suggestion for your future videos if you don't mind, can you please disable the suggestion thing that displays as you are typing a property, its very distracting and covers your code so I have to wait until you type a property to copy it.