.apresentacao {
gap: 82px;
}
@media (max-width: 1200px) {
.cabecalho {
padding: 10%;
}
.cabecalho__menu {
justify-content: center;
}
.apresentacao {
flex-direction: column-reverse;
}
}
.apresentacao {
gap: 82px;
}
@media (max-width: 1200px) {
.cabecalho {
padding: 10%;
}
.cabecalho__menu {
justify-content: center;
}
.apresentacao {
flex-direction: column-reverse;
}
}
Oii Edivoneide! Tudo bem?
Seu projeto está progredindo muito bem. A implementação das @media queries é bem utilizada no dia a dia de um desenvolvedor para facilitar o tipo de exibição em diversos dispositivos.
A título de curiosidade, se não especificarmos um tipo de mídia como screen, a regra @media se aplicará a todos os dispositivos. Caso queira se aprofundar ainda mais neste assunto, recomendo esta leitura.
Abraços e bons estudos!