Solucionado
@media (max-width: 1200px) {
.cabecalho {
padding: 10%;
}
.cabecalho__menu {
justify-content: center;
}
.apresentacao {
flex-direction: column-reverse;
padding: 5%;
}
.apresentacao__conteudo {
width: auto;
}
}
Oi, tudo bem?
É ótimo ver que você está utilizando consultas de mídia para lidar com a responsividade do seu site. A utilização do @media (max-width: 1200px) indica que você está ajustando o layout quando a largura da tela é menor ou igual a 1200 pixels.
As alterações que você fez no cabeçalho, no menu e na apresentação mostram uma abordagem eficaz para otimizar a experiência do usuário em dispositivos com telas menores.
Certifique-se de testar em diversos dispositivos e tamanhos de tela para garantir que as mudanças proporcionem uma experiência consistente e agradável para os usuários.
Um abraço e bons estudos.