ajustando a largura da classe .apresentacao__conteudo para acompanhar o novo padding aplicado na classe .apresentacao em telas menores, você pode usar CSS e media queries para especificar diferentes estilos dependendo do tamanho da tela.
.apresentacao { padding: 20px; }
.apresentacao__conteudo { width: calc(100% - 40px); /* Subtraindo o padding de ambos os lados / max-width: 100%; / Garantindo que o conteúdo não ultrapasse a largura máxima da tela / margin: 0 auto; / Centralizando o conteúdo horizontalmente */ }
/* Media query para telas menores / @media screen and (max-width: 768px) { .apresentacao { padding: 10px; / Reduzindo o padding para telas menores */ }
.apresentacao__conteudo { width: calc(100% - 20px); /* Subtraindo o novo padding de ambos os lados */ } }
