@media (max-width: 1200px) {
.cabecalho {
padding: 5%
}
@media (max-width: 1200px) {
...
.apresentacao__conteudo {
width: auto;
}
}
@media (max-width: 1362px) {
.apresentacao {
flex-direction: column-reverse;
padding: 5%;
}
.apresentacao__conteudo{
width: auto;
}
Olá, Viviane, como vai?
O seu código está bem próximo do esperado, mas há uma pequena correção a ser feita. Dentro do seu código, existe uma duplicação do seletor @media (max-width: 1200px). Isso pode ser simplificado e reorganizado para garantir que as regras de estilo sejam aplicadas de forma mais eficiente.
Um exemplo de como poderia ser ajustado:
@media (max-width: 1200px) {
.cabecalho {
padding: 5%;
}
.apresentacao__conteudo {
width: auto;
}
}
Com essa organização, as regras ficam mais claras e sem repetições.
Parabéns pelo progresso até aqui. Continue compartilhando seus códigos e não hesite em voltar com mais dúvidas. O fórum está à disposição.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!