DEV Community

Cornea Florin
Cornea Florin

Posted on

3 4

HTML CSS Custom Navbar

Experimenting with a custom navbar design.

Custom made, HTML&CSS only

Top comments (5)

Collapse
 
nisola profile image
Dele-Adelusi Oluwanisola

How do i make it mobile responsive ?

Collapse
 
florincornea profile image
Cornea Florin

Hi Joshua, sorry for the delay, i started updating the pen to be responsive

It's not 100% done but the idea is there

Collapse
 
florincornea profile image
Cornea Florin

I will make the responsive version for this after i get home from work, i'll add here a new reply for you when is ready

Thanks for the support :)

Collapse
 
tnifey profile image
Hub

.navigation-links is a list, then why are you using <div> instead of <ul>?

Collapse
 
florincornea profile image
Cornea Florin

yes @Hubert, you are right, in fact that is not even valid markup,
Thanks for the observation :D

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️