Mi aplicación funcionaba bien y, de repente, puedo desplazarme hacia la derecha más allá del contenido, así como desplazarme hacia abajo más allá del contenido.

Mi aplicación.js:

 function App() { return ( <div className='app'> <Header /> <Main /> </div> ); }

Mi index.js

 const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <BrowserRouter> <App /> </BrowserRouter> );

Mi index.scss:

 body { margin: 0; font-family: "Inconsolata", monospace; background-color: $dark-gray; height: 100%; line-height: 125%; overflow: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; }

Mi App.scss está vacío.

De todos modos, no tengo idea de por qué de repente puedo desplazarme más hacia abajo que el contenido y más hacia la derecha. Cualquier ayuda sería muy apreciada.