Need Help getting rid of white space

Hey guys. I’m working on the Responsive Web Design Projects - Build a Personal Portfolio Webpage. I was working on my welcome section (where my name is), and I’ve run into a bit of an issue. There is a white space on both sides of the section. How do I get rid of this? I’ve googled it and it says put width to 100% and put margin and padding to 0. I’ve tried all of this and nothing seems to work. Here’s a link to my code and the full page. Any help is appreciated.

https://codepen.io/officialsn/pen/jObGQGy - Code
https://codepen.io/officialsn/full/jObGQGy- Full Page

Thanks guys!

you want to look into CCS resets, as i noticed once i typed that into your code, although it altered quite a few things by default, it got rid of that.

its useful to know that as different browsers could show your project differently, a reset makes it more universal

what is a CSS reset?

can you tell me what i have to type into my code?

The body has margin.

If you set:

body {
margin: 0
}

That will fix it.

1 Like

It worked. Thank you. :grinning:

Glad it worked.

About CSS Resets, as far as I know Normalize is a popular candidate. I can’t post links yet so you would have to use your search engine of choice and search for: “CSS reset normalize”.

You use it to get a clean slate so to say that will look very similiar independent of browser.

So you would use it before your own CSS. I consider it something worth while getting accustomed to.