1
resposta

Faça como eu fiz: aplicando operadores na media queries.

Referente ao curso CSS: aplique responsividade usando media queries, no capítulo Mergulhando em media queries e atividade Faça como eu fiz: aplicando operadores nas media queries

por Estanislau Antonio da Silva Junior
| 73.3k xp | 256 posts

Sobre nós.


.sobre-nos__beneficios {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2xl);

  @media (max-width: 768px) {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

Sobre nós.2

 
@media (max-width: 768px), (orientation: landscape) {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

nosso-impacto__estatística.

@media not all and (min-width: 768px) {
    flex: 1 1 50px;
    max-width: 25%;
  }
}
1 resposta
por Lorena Garcia
| 11914.9k xp | 17871 posts
Alura Scuba Team

Oii, Estanislau! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Foi muito bom ver o uso de operadores lógicos nas media queries, como not, and e , — isso permite criar regras mais específicas e adaptáveis, como no caso do orientation: landscape.

Seu código mostra domínio da técnica e um cuidado em tornar o layout flexível em diferentes contextos.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!