Colocar a vw no .App fez com que ficasse com um scroll gigante. É isso mesmo? O certo não seria ter ficado sem o scroll??
.App{
width: 100vw;
height: 100vw;
}
Solucionado
Colocar a vw no .App fez com que ficasse com um scroll gigante. É isso mesmo? O certo não seria ter ficado sem o scroll??
.App{
width: 100vw;
height: 100vw;
}
Olá! Tudo bem?
Bom, a unidade de medida vw é relativa à largura da viewport do navegador. Portanto, se você definir a largura do .App como 100vw, ele ocupará toda a largura da viewport. Isso pode fazer com que a página fique com um scroll horizontal, caso a largura do .App seja maior do que a largura da viewport.
Uma solução para evitar o scroll horizontal seria ajustar a largura do .App para que ela seja menor do que a largura da viewport. Por exemplo, você pode definir a largura do .App como 90vw. Assim, ele ocupará 90% da largura da viewport e não haverá scroll horizontal.
.App{
width: 90vw;
height: 100vw;
}
Como depende muito da largura da sua tela, você precisa testar valores diferentes para que encontre uma adequada.
Um abraço e bons estudos.