Why is there a margin in my page?

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??



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: