In this video I go over how to create this responsive navigation bar with flexbox and only using 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, add svg and text hover effects and then I make it responsive for mobile.

I follow the BEM model for laying out the content of the HTML and use SCSS to keep my styling code completely organized.

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

In this video I show you:

• 0:31 - Starting Code
• 1:17 - HTML Code
• 3:13 - CSS Code
• 4:08 - Flex Nav
• 7:04 - Responsive for Mobile
• 9:59 - Overview

#html #css