In this video I go over how to create this Dropdown Navigation Bar using only HTML and CSS. I show you the full front end coding tutorial, where I create the structure of the elements in HTML and then write all of the styling and effects with CSS. I use Flexbox for the layout and then add hover effects with a pseudo element.

Codepen: https://codepen.io/angeladelise/pen/wvzRNzw

In this video I show you:

  • 0:00 - Intro
  • 0:16 - Starting HTML Code
  • 0:35 - HTML Code
  • 3:14 - CSS Code
  • 4:26 - Nav CSS Code
  • 11:08 - ::After Pseudo Element

#css #web-development

Dropdown Navigation with Flexbox
2.15 GEEK