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%;
}
}
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.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!