Flexbox Navbar Tutorial | Only HTML & CSS
New to CSS Grid? Watch the full Crash Course here: • CSS Grid Crash Course | Beginners Tutorial
In this video I go over how to create a Navigation Bar using Flexbox. 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.
CodePen: https://codepen.io/angeladelise/pen/y...
In this video I show you:
0:27 - Starting HTML Code
0:53 - HTML Code
2:11 - CSS Body Code
2:28 - Navbar CSS
3:15 - How to use Flexbox
4:01 - Nav-item CSS
4:43 - How to use :first-child
5:42 - How to add CSS styling to a button
7:22 - How to add a CSS hover effects
Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: https://www.youtube.com/watch?v=D3ZF2...
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: / angeladelise
On this page of the site you can watch the video online Flexbox Navbar Tutorial | Only HTML & CSS with a duration of hours minute second in good quality, which was uploaded by the user Angela Design 04 May 2020, share the link with friends and acquaintances, this video has already been watched 73,322 times on youtube and it was liked by 1.8 thousand viewers. Enjoy your viewing!
