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
float: right;
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 🙂
You're an angel! That fixed it on my blog page and all across the other pages I had. Thank you so much!!!!
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
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 MDNIn your case you could do (instead of the
float: right;
)If you have more questions, just let me know 🙂
You're an angel! That fixed it on my blog page and all across the other pages I had. Thank you so much!!!!