Gain a Splash of New Skills - Coursera+ Annual Nearly 45% Off
Get 35% Off CFI Certifications - Code CFI35
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to create a simple CSS-only mega dropdown menu commonly found on e-commerce sites in this 21-minute video tutorial. Explore the step-by-step process of building an impressive menu structure without JavaScript, starting from a basic menu and progressing to a fully-functional dropdown with multiple columns. Discover styling techniques, important tips, and solutions to common problems while following along with the provided CodePen example. Perfect for web developers looking to enhance their CSS skills and create more dynamic navigation interfaces.
Syllabus
Intro
Basic Menu
Sub Menu
Dropdown
Styling
Important Tip
Adding the submenu
Adding a column
Fixing a problem
Outro
Taught by
Kevin Powell