DEV Community

Discussion on: Nav bar and div spacing

Collapse
 
berniwittmann profile image
Bernhard Wittmann • Edited

You added float: right; to your navbar to align it to the right, this causes this float effect. This pulls the nav to the right side of the content. Read more about float on MDN

In your case you could do (instead of the float: right;)

.nav {
    display: flex;
    justify-content: flex-end;
}

If you have more questions, just let me know 🙂

Collapse
 
nataliecodes profile image
natalie stroud

You're an angel! That fixed it on my blog page and all across the other pages I had. Thank you so much!!!!