Estou tentando tornar o site mais responsivo, porém está com esse espaço enorme do lado direito quando diminuo a tela.
O que posso fazer pra resolver?
Solucionado
Estou tentando tornar o site mais responsivo, porém está com esse espaço enorme do lado direito quando diminuo a tela.
O que posso fazer pra resolver?
Oii Leonardo, tudo bem?
O seu problema pode ser causado por vários fatores, incluindo margens, paddings, larguras fixas ou conteúdo que não está se ajustando corretamente ao tamanho da tela.
Veja se há algum padding ou margem que possa estar causando o espaço extra. No seu caso, você mencionou um padding de 15% que pode ser muito grande para telas menores. Tente ajustar esses valores dentro da sua media query para telas menores.
Abra as ferramentas de desenvolvedor no seu navegador (F12 ou clique com o botão direito e selecione "Inspecionar") e use o modo de visualização responsiva (Ctrl + Shift + M) para identificar qual elemento está causando o problema. Você pode selecionar cada elemento e verificar suas propriedades CSS no painel de estilos.
Verifica se suas media queries estão configuradas corretamente e se estão sendo aplicadas no ponto de quebra correto. Talvez seja necessário ajustar os pontos de quebra ou adicionar novas media queries para lidar com diferentes tamanhos de tela.
Um abraço e bons estudos.