Mysterious right margin on <body>
GIT: https://github.com/nnall/GoWithGig-Nick.git
Pages: https://nnall.github.io/GoWithGig-Nick/
I'm trying to figure out why I'm getting a right margin on the entire body.
I'm running a react build script, returning a commented out <Navigation/> component, and a <Home/> <Route> containing a bunch of sub components.
I've done the universal resets in the css already, with box-sizing set to "border-box"
I've gone one by one down my <Home> component's sub-components, commenting each out, to see if that was affecting it, but none of them did.
GitHub
GitHub - nnall/GoWithGig-Nick
Contribute to nnall/GoWithGig-Nick development by creating an account on GitHub.
GoWithGig-Nick
Getting Started with Create React App
![](https://cdn.answeroverflow.com/1117539175055511572/Screen_Shot_2023-06-11_at_12.37.53_PM.png)
![](https://cdn.answeroverflow.com/1117539175500087306/Screen_Shot_2023-06-11_at_12.38.29_PM.png)
1 Reply
taking a look at the css, the first that i see is the body being flex and in column. i think that flexbox considers the content dimensions and its width is the longest text in your body