Solucionado
Estou usando o código abaixo de acordo com a aula 07
.container {
width: 940px;
margin: 0 auto;
@media (max-width: 980px) {
.container {
width: 90%;
}
}
}mas ao compilar foi apontado o seguinte erro error: invlid CSS after"position: relative": expected selector, was @media (max-width ...)
alguem sabe o que significa?
Fala aí, José! Tudo certo, cara? =)
Você poderia postar o restante do seu código aqui para darmos uma olhada mais precisa, por favor? =)
Digo isso, pois só por esse código, me parece que está correto... =D
Fábio
E aí, José! Beleza? =)
Conseguiu resolver o problema ou ainda precisa de ajuda? =)
Se não houver dúvidas, podemos fechar o tópico?
Abraços,
Fábio
Bom dia Fabio, Consegui resolver retirando a classe .container dentro da media-queire so deixando a propriedade width: 90%;:, foi o que eliminou o erro.
.container {
width: 940px;
margin: 0 auto;
@media (max-width: 980px) {
width: 90%;
}
}Ai rolou
José,
Perfeito! E você conseguiu compreender o por quê? =)
Ao colocar uma media-query aninhada com um seletor, você já está dizendo qual é o seletor que será usado dentro daquela media-query, sacou? =)
Abraço e bons estudos,
Fábio