@media (max-width: 670px) {
.cabeçalho {
padding: 10%;
}
.cabeçalho__menu{
justify-content: center;
}
.container__principal {
flex-direction: column-reverse;
}
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
@media (max-width: 670px) {
.cabeçalho {
padding: 10%;
}
.cabeçalho__menu{
justify-content: center;
}
.container__principal {
flex-direction: column-reverse;
}
}
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