Nav bar and div spacing

#help

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)

Top comments (2)

Bernhard Wittmann • Mar 18 '19 • 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 🙂

natalie stroud • Mar 18 '19

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

DEV Community

Nav bar and div spacing

Top comments (2)

Read next

Everything About Blazor p1

Building an Interactive Island Popup with HTML, CSS, and JavaScript || FREE Source Code

Docker Puppeeteer Node Railway

Strategy Design Patterns in C#