Create a clean, modern navigation with HTML & CSS
Looking to step up your CSS game? I have free and premium courses: 👉 https://kevinpowell.co/courses?utm_ca... 🔗 Links ✅ Chrome Canary: https://www.google.com/intl/en_ca/chr... ✅ Finished code: https://github.com/kevin-powell/funky... ✅ Finished version live site (animation will only work if you have the flag enabled in Chrome Canary): https://ornate-sorbet-5bc72c.netlify.... ⌚ Timestamps 00:00 - Introduction 01:00 - The HTML 02:40 - General layout styling 05:00 - Styling the navigation 08:55 - Rounding right side of the active nav item 16:30 - Adding the animation #css -- Come hang out with other dev's in my Discord Community 💬 / discord Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 / kevinpowellcss --- Help support my channel 👨🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-t... 💖 Support me on Patreon: / kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: / kevinjpowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Learn flexbox the easy way

CSS position deep dive

Three CSS patterns I use in every project

5 simple tips to making responsive layouts the easy way

How to create a progress bar with HTML and CSS

this website is insane (stack explained)

Handy CSS layout patterns, and fun ways to elevate them

23 CSS features you should know (and be using) by now

The problems with viewport units

Conan O’Brien Delivers the Commencement Address | Harvard Commencement 2026

How to take control of Flexbox

Learn CSS Flexbox in 20 Minutes (Course)

Why AI Agents are either the best or worst thing we’ve ever built

5 underrated CSS properties every developer should know

A new approach to container and wrapper classes

Become a CSS Position Pro! Learn EVERYTHING You Need to Know In Detail 🔍

Turing Award Winner: Disagreeing with Google, Postgres, Future Problems | Mike Stonebraker

We can now transition to and from display: none

It finally happened

