Why is there a margin in my page?

I am currently working on my product landing page and for some reason, there is a margin in my header and body sections. I have tried making the margin 0 and width 100% but nothing happens.

here is a link to my project: https://codepen.io/bookworm0618/pen/wxojZQ?editors=1100
Note: I am not done with it yet.

Also, how do I make my list items in my nav align to the right of the navbar??


1 Like

By default, Your browser adds margins to your html/body.

Add this css and it will have no margins.

html, body {
  margin: 0;

Thank You so much!!! I have been trying to figure this out alllllllll day! :hugs::hugs:

Oh and do you know how to make the list items in my nav bar align to the right?

That kind of issue is usually solved by giving <li> items display of inline or inline-blocks and giving your uls float:right

Thank you so much!!! :hugs: