How to create an awesome navigation bar with HTML & CSS

A tutorial that takes a look at how to create a nice looking nav bar with a cool little hover effect for the nav items, using HTML and CSS.

I start this video off with a quick look at how to actually write the HTML for a navigation bar, follow it up with the simple styling of the navigation with CSS and then wrap it all up with how to add the hover effect in there using some fun little hover tricks.

[benufo]

Learning to code, this is amazing thanks man! all working first time.. thanks for taking the time to do it!

[redgalaxy]

After about..mmm..maybe 20 videos of tutorials, I finally got exactly what I was looking for. Thanks for your generosity and great Content! (4-2022)

[aminaganovic]

WOW! The detail in explanation, it's just perfect.

[davidl]

Thank you so much. You have no idea how thankful I am to find this tutorial. I had the same problem that you showed how to fix in the video; my navigation bar's container disappeared and I did not know how to bring it back. This video has unlocked the knowledge of a whole new CSS feature for me. Thank you so much!

[liamhirst-graves]

Thanks so much for your videos! I’m learning a ton from you. You’ve been more helpful in 2 videos than my whole university course on web design!

[GamingIsFunHUN]

One of the best CSS videos I have ever seen. Thank you for the help!

[edvincool]

thank you very much! love that i found you, it feels like you are the only one that have a great mic that's making this tutorials :)

[Super]

Im so glad I found you! Your videos are great for brushing up on css and html.

[aidendouglas]

This video is fantastic just made a very advanced nav bar for my school project website! My teachers are for sure gonna be impressed thanks to this.

[FaztTech]

Very Practical and good explained, awesome channel Kevin, Congrats!

[Little._.leeeah]

You SAVEDDDD my life! I was trying to code for a project that I have, and I just was really confused! But when I tried to looked up something this video popped up and was very helpful! So thank you so

[morganmccarty]

im doing a GCSE in creative i media and i found this really helpful and easy to follow. Thank you.

[samilove]

thanks Kevin, I always thought how to make a great nav bar, but now I know how to do it thanks to you.

[NotePortal]

Building my website, nav bars are always the hardest part for me and i take days doing one. this is so helpful! thanks kevin :D

[lukemartinau]

We use lists for menus cause back in the day, if the css failed to load (due to dial up, or super slow internet) the menu is clearly displayed in raw html.

[eykormeanreview]

This is amazing man! You did a very great job explaining how to do it... I found many toturial on YouTube they seem to do it for those who already know stuff but you did it for kind of people like me who first start exploring thing... Thanks man

[annetteanyanwu]

Thank you very much @Kelvin Powell. This video was really helpful in my practice session.

[LeonardoAlves-vjkl]

Is this your first video ever that just got recommended exactly when I needed? 😅

[angryfish]

thanks dude you kinda saved my ass with all that corona virus thing, I had an html project and I had no education on css whatsoever

[coltongillmore]

This was very informative. Quick question though, wouldn't it have been a lot more simple to use flex to do the nav bar? Love your content!