Temos a alternativa
@media (min-width: 480px) {}
E a
Dentro do @media (max-width: 480px) {}
Para mim não ficou claro a diferença entre as duas, uma vez que o elemento vai dentro das { }'s
Temos a alternativa
@media (min-width: 480px) {}
E a
Dentro do @media (max-width: 480px) {}
Para mim não ficou claro a diferença entre as duas, uma vez que o elemento vai dentro das { }'s
Oi, Marina, tudo bem?
Na opção @media (min-width: 480px) {}
a propriedade min-width
diz que só iremos pegar telas que tenha mais que 480px
, já a propriedade max-width: 480px
permite peguemos telas com até 480px.
As chaves são usadas para coloquemos dentro delas os estilos para uma página responsiva.
Nossa, comi bola! Não havia me atentado que uma alternativa era min-width e a outra era max-widht...
Obrigada Laís!!!