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!!
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;
}
2 Likes
Thank You so much!!! I have been trying to figure this out alllllllll day!
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