[Dúvida] Rolagem lateral e horizontal sem motivo

Oi, Felipe! Tudo bem?

Consegui resolver o problema da barra horizontal alterando os estilos da classe .body em seu reset.css. Vamos entender o que aconteceu e por que a mudança funcionou:

O que mudou?

Alterei o body de:

body {
    width: 100vw;
}

Para:

body {
    max-width: 100vw;
}

Por que isso resolveu o problema?

• O width: 100vw inclui a largura total da janela, contando a barra de rolagem vertical. Isso fazia com que o conteúdo ultrapassasse a largura visível, gerando a rolagem lateral.

• Já o max-width: 100vw limita a largura ao tamanho visível, desconsiderando a barra de rolagem vertical. Assim, o conteúdo se ajusta corretamente e a rolagem horizontal some.

E se quiser remover a barra de rolagem vertical sem perder a rolagem?

Se o objetivo for manter a rolagem funcional, mas ocultar a barra visível, basta adicionar este código em seu reset.css após o fechamento do estilo da classe .body:

::-webkit-scrollbar {
    width: 0px;
}

Isso esconde a barra vertical em navegadores baseados no WebKit (Chrome, Edge e Safari), mantendo a rolagem normalmente.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição :)

Abraços e bons estudos!