DEV Community

natalie stroud
natalie stroud

Posted on

Nav bar and div spacing

Hello friends!

I'm in the middle of rebuilding my portfolio. At least to practice with the coding skills thus far and to have something more genuine (the one I have now is made in Adobe Muse :\ )

Would someone mind looking at my code? I'm having trouble where my navbar and div meet for the blog post. I had to insert 4 br tags to get it to space properly but I feel like (or know) there's a better way to do it.

Thanks friends :)

(also, sorry if my code isn't the cleanest)

Discussion (2)

Collapse
berniwittmann profile image
Bernhard Wittmann • Edited on

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 Author

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