bom dia,
Se eu quiser aplicar o @media para obter layouts responsivos, posso escrever sem a palavra "and"?
Dessa forma está correto ? @media screen (min-width:1024px){ }
Obrigado.
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!
bom dia,
Se eu quiser aplicar o @media para obter layouts responsivos, posso escrever sem a palavra "and"?
Dessa forma está correto ? @media screen (min-width:1024px){ }
Obrigado.
Olá, Rodrigo! Tudo bom com você?
O recurso de @media pode ser sim utilizado sem o 'and', mas não nesse caso em específico que você citou, em que é sim necessário usar o 'and' para utilizar daquele recurso de media. O exemplo a seguir, é uma demonstração de uso de media queries sem uso do 'and', que está definindo que a cor do texto será verde quando exibido na tela e preto quando for exibido para impressão:
@media screen {
body {
color: green;
}
}
@media print {
body {
color: black;
}
}
Mas como o uso mais corriqueiro de media queries são como este que você passou, acaba que vai usar bastante o 'and' nos projetos.
Espero ter ajudado, bons estudos, e um grande abraço!