Eu necessariamente preciso usar o media querie "@media screen and (min-width: 1024px)" no arquivo header ou eu posso crianr um arquivo separado em que eu possa deixar reservadamente para essa função?
Eu necessariamente preciso usar o media querie "@media screen and (min-width: 1024px)" no arquivo header ou eu posso crianr um arquivo separado em que eu possa deixar reservadamente para essa função?
hoje, com a Alura e o Google Gemini
Olá Gustavo, tudo bem?
Você pode criar um arquivo separado para as suas media queries, não necessariamente precisa colocá-las no arquivo header. Na verdade, é uma boa prática separar as media queries em um arquivo específico, para que o seu código fique mais organizado e fácil de ser mantido.
Você pode criar um arquivo chamado "style-media-queries.css" (ou outro nome que preferir) e colocar todas as suas media queries nele. Depois, basta importar esse arquivo no seu arquivo principal (header ou outro) utilizando a tag .
Por exemplo:
Espero ter ajudado e bons estudos!