Olá, Yasmin! A barra de rolagem pode estar aparecendo por vários motivos, mas geralmente é causada por margens extras e elementos maiores que a tela. Aqui estão algumas formas de resolver.

Verificar elementos maiores que a tela Use o DevTools (F12 no Chrome) e veja se há algum elemento com altura maior que 100vw. Para garantir que nenhum elemento ultrapasse a tela: * {box-sizing: border-box; max-height: 100%;}

Evitar height: 100vw em elementos 100vw inclui a barra de rolagem no cálculo da largura, o que pode causar rolagem indesejada. Se estiver usando height: 100vw, tente trocar por: height: 100%;

Também pode adicionar este CSS para esconder a barra de rolagem caso não seja necessário rolar a página:

html, body { overflow-y: hidden; /* Esconde a rolagem vertical*/ margin: 0; padding: 0; } Isso impedirá rolar a página, então só use se for realmente necessário.