1
resposta

meu projeto na versão desktop ficou igual na versão para tablets

Revisei todo o código, porém quando abro no meu notebook, o layout não altera na versão desktop. Na versão mobile ficou perfeito. Mas na versão para desktop é como se o media query não fosse aplicado. Porém, quando dou um f12, a alteração é feita.

meu repositório https://github.com/dalifonseca/alurabook.git

1 resposta

Olá, Dalila. Como vai?

O comportamento do layout pode estar relacionado ao tamanho da tela do seu notebook. Em alguns casos, a largura da tela de dispositivos como notebooks não atinge o valor definido na sua media query para o layout desktop. Isso faz com que o estilo correspondente não seja aplicado até que você ajuste manualmente o tamanho da janela pelo devtools ou redimensione o navegador. Eu dei uma olhada no seu projeto e notei que você alterou os valores do media query para desktop para 1025px. Imagino que isso tenha resolvido parcialmente o problema, mas se ainda tiver dúvidas, não hesite em perguntar!

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado