Duplicidade da Tag | Sass e Compass: Descomplicando o CSS

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Marcelo Facio Palin

| 26.1k xp | 2 posts

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"?

1 resposta

solução!

por Natan Souza

| 2095.5k xp | 3690 posts

Instrutor Product Design Lead na Alura

21/08/2017

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!