Essas media queries se repetindo pra cada seletor não é errado? Serão vários breakpoints para o navegador, não?
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!
Essas media queries se repetindo pra cada seletor não é errado? Serão vários breakpoints para o navegador, não?
Oi Cristiano, tudo bem? Na verdade não. O breakpoint é único, seriam vários apenas se as medidas fossem diferentes.
No caso de usar sass lembre-se que o código ainda será compilado e provavelmente, todos os breackpoints devem ser agrupados no css final.
Também pensei que seriam agrupados, fiquei animado com isso, mas não ficam. Tem certeza de que isso não é uma má prática? Falo das medias se repetirem por todo o código.
Media queries dentro de seletores não é uma má prática, não ainda, e se falando de pré-processadores. Por alguns desenvolvedores é até considerado uma coisa boa - vantagem - a se fazer, isso por que você já consegue visualizar o comportamento de um seletor em todas as resoluções. Isso ainda vai ser compilado, experimenta ver o código compilado depois.
Entendo, depois de compilado a media fica abaixo do seletor, só muda isso.
Oi Cristiano,
Era uma dúvida minha também na época que estava estudando Sass, pois código repetido deixa o arquivo final mais pesado, certo?
Quase! Acontece que com o Gzip habilitado no servidor, ele vai entender esses trechos repetidos uma única vez. O Sérgio Lopes comenta sobre Gzip em um dos cursos de performance.
Espero ter ajudado,
Abcs!