Pessoal, boa noite!
Todos bem?
É o seguinte: finalizei o código da Apeperia para o mobile e notei que ficou um scroll lateral... mínimo... mas ficou. Alguns elementos estavam com posicionamento um pouco fora e fui ajustando todos na esperança de que isso fosse o suficiente mas, ainda assim, segue esse pouquinho de scroll. Eu fiz esse videozinho para ficar mais fácil de ver.
Pelo que eu entendi, o problema deve estar na classe container
, dentro do base.css
mas, não tenho certeza.
Alguém consegue me ajudar? =)
Abaixo, estou deixando o código do container que é onde eu acho que está o problema mas, se preferirem ver o código na íntegra, pode pegar no meu repositorio.
:root{
--branco: #FfF;
--azul-claro: #DFE3E5;
--vermelho-forte: #B72E2E;
--cinza-escuro: #4F4C4C;
--cinza-claro: #F7F4F4;
--cinza-medio: #D9D9D9;
--fonte-link: #0084FF;
--fonte-cinza: #666;
--borda-cabecalho-mobile: #103D4A;
--bg-rodape: #333;
--bg-chamada-mobile: #00161C;
--planos-cartao-start: #56CCF2;
--planos-cartao-ultra: #B04CD9;
--planos-cartao-mega: #E33B3B;
--montserrat: 'Montserrat', sans-serif
}
body{
font-family: 'Open Sans', sans-serif;
width: 100vw;
}
.container{
padding-right: 6%;
padding-left: 7%;
}
.botao{
text-align: center;
display: block;
width: 100%;
max-width: 350px;
box-sizing: border-box;
padding: 1rem 2rem;
border: 1px solid var(--branco);
border-radius: 5px;
}