estou tentando fazer condições que sejam abaixo de 1000px por exemplo
@media (min-width: 800px) { html { font-size: 1.125em; } }
mas o estilo esta sendo sempre aplicado mesmo com o valor menor que 800px
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
estou tentando fazer condições que sejam abaixo de 1000px por exemplo
@media (min-width: 800px) { html { font-size: 1.125em; } }
mas o estilo esta sendo sempre aplicado mesmo com o valor menor que 800px
Boa noite Nataniel,
Sua media querie com min-width vai afetar layouts de 800px e acima, dê uma olhada neste exemplo.
Abraços
descobri, precisa colocar essa tag no head pra funcionar no modo device do google chrome
<meta name="viewport" content="width=device-width">