Why is there a margin in my page?

Why is there a margin in my page?
0

#1

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

Thanks!!


#2

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

Add this css and it will have no margins.

html, body {
  margin: 0;
}

#3

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


#4

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


#5

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


#6

Thank you so much!!! :hugs: