Olá. Estou com uma dúvida: já com o media configurado para o min-width: 1728px, quando fecho o devTools, as configurações do header não são aplicadas, mas se volto para a configuração da página em 1728, elas reaparecem. É normal isso? Não consegui fazer como a Monica no vídeo, que fechou o DevTools e funcionou.
hoje, com a Alura e o Google Gemini
Oi Daniele, tudo bem?
Esse problema está relacionado com o tamanho máximo da tela do seu monitor. A largura de 1728px foi utilizada pela instrutora para se adequar ao tamanho da tela que ela estava usando. Você pode adequar o tamanho do "media-query" para o valor máximo da largura da tela do seu dispositivo. Por exemplo, ao utilizar uma tela de 1366 px de largura, essa será a configuração máxima aplicável no "media-query". Dessa forma, o comando será escrito dessa forma:
@media screen and (min-width: 1366px)Para você verificar a resolução do seu notebook e identificar a largura e altura da tela, você pode usar, no Windows 11, o seguinte procedimento:
Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!