Design & Code: Dropdown Menu HTML CSS (Part 2 of 4)

Hey, Pixels! In this tutorial, I’ll show you how to code the first dropdown menu style based on the 4 dropdown menus we designed in XD, using HTML & CSS.

Remember, practice makes #xopixelPerfect!

___
⏰ Chapters
0:00 Intro
0:29 Share Design for Development
0:52 HTML: Navbar Setup
2:27 HTML: Dropdown Menu
3:23 HTML: Column One
3:23 HTML: Column Two
5:27 CSS: Fonts & Colors
5:43 CSS: Base Styles
6:19 CSS: Navbar
8:03 CSS: Dropdown Menu
10:35 Outro
___

💻 More Ways to Practice
___

Resources

🎥 My fav equipment & tools:
___

Follow Me

___

♥︎ Filmed & Edited by Marisa Blair

___

About

XO PIXEL is the place to grow your love for design, code, and technology!

Our mission is to provide educational, creative, and inspiring design, coding, and tech content for enthusiastic learners online. Join over 1 million learners and watch XO PIXEL articles and video tutorials to develop your digital skills and become inspired and creative!
___

___
Please note that I may receive a commission (via affiliate programs) if you purchase something linked in my video description.

[westfield]

Thank you. Love your clear articulate style of explaining everything.

[xopixell]

Update: please add the "." to select the divider & use a div for "dropdown-content"

[Nicholas_Oduor]

I can't thank you enough👌👌, Great tutorial...way better than my Lecturer

[AkinsRealm]

Thank you so much for another great tutorial!