@media (max-width: 670px) {
.cabeçalho {
padding: 10%;
}
.cabeçalho__menu{
justify-content: center;
}
.container__principal {
flex-direction: column-reverse;
}
}
Solucionado
@media (max-width: 670px) {
.cabeçalho {
padding: 10%;
}
.cabeçalho__menu{
justify-content: center;
}
.container__principal {
flex-direction: column-reverse;
}
}
hoje, com a Alura e o Google Gemini
Olá Samuel, boa noite. 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!
pode deixar que irei estudar sobres os @medias, agradeço por deixar um arquivo para estudo