.apresentacao {
padding: 8% 15%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 82px;
}
@media (max-width: 1200px) {
.cabecalho{
padding: 10%;
}
.cabecalho__menu {
justify-content: center;
}
.apresentacao {
flex-direction: column-reverse;
}
}
Olá, Renata, como vai?
Seu exercício está bem elaborado e demonstra uma boa compreensão dos conceitos de responsividade. A propriedade gap está aplicada corretamente para espaçamento entre os elementos dentro da .apresentacao, e a media query para telas menores que 1200px está ajustando o layout com flex-direction: column-reverse, invertendo a ordem dos elementos conforme solicitado.
Continue compartilhando seus exercícios, é sempre bom ver seu progresso. O fórum está à disposição para qualquer dúvida.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!