Quando colocamos o media query:
@media (max-width: 980px) { .container { width: 90%; }
dentro do .container no arquivo geral.scss, não deverira retirar o ".container" para que no CSS final não ficasse repetido ".container .container"?
Solucionado
Quando colocamos o media query:
@media (max-width: 980px) { .container { width: 90%; }
dentro do .container no arquivo geral.scss, não deverira retirar o ".container" para que no CSS final não ficasse repetido ".container .container"?
Oi Marcelo,
Realmente eu cometi esse erro nesse vídeo. Porém corrijo nesse outro video.
Gravei esse curso em 2015, hoje corrigiria da seguinte forma:
.container {
width: 960px;
@media (max-width: 300px) {
& {
width: 90%;
}
}
}Repara que agora se voce quiser mudar o seletor para algo como .container div fica mais fácil. E acho que a legibilidade do código fica mais decente, mais "cada um no seu quadrado".
Espero ter ajudado e que esteja gostando do curso,
Abcs!