How to remove white space around entire webpage-CodePudding

I'm a CSS/HTML beginner trying to put together a webpage for a school assignment.

There's a lot of white space around my entire webpage that I'm not sure how to remove. You can see it if you try to scroll right on the page. It's especially noticeable on mobile. I'm trying to make this webpage look good on all devices, but I can't really improve the responsiveness of this design without first fixing this issue. Thank you so much in advance for your help.

See what I'm referring to here

CodePudding user response：

write first line css style

{ 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

CodePudding user response：

just try setting the min-width to 100vw.