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

Padrões de projeto: Builder

Simplifying Asset Updates in FilamentPHP Packages

📚 Top JavaScript Books to Level Up Your Skills!🚀

Import <ncurses.h> library in C on Mac