How to handle "centering" your website in react

I think this is a relatively simple question and I just hope to get some advice on how to "center" your website with react, let me explain. here is a picture of something I just made in figma and now am trying to implement in react https://gyazo.com/e940da061c627cbb5d30571efebf2c7b im wondering how to get the margin on the left and right (while still allowing things to overflow it like the sides of the navbar) without adding margin to all my elements. some sort of "Layout" component but I am struggling trying to get this to work and its such a common thing to have your site aligned like this im sure someone here knows. all help is appreciated, thanks

https://stackoverflow.com/questions/66838300/how-to-handle-centering-your-website-in-react March 28, 2021 at 12:04PM