Oi, Thamiris!
Obrigada por compartilhar seu código com a comunidade Alura.
Gostei da forma como você estruturou a responsividade, garantindo uma boa adaptação dos elementos para diferentes telas. A utilização de flexbox e gap
melhora a organização do layout.
Para saber mais:
O uso de media queries no CSS permite criar layouts responsivos que se adaptam a diferentes tamanhos de tela. Com elas, podemos definir estilos específicos para dispositivos móveis, tablets e desktops.
Exemplo de media query que altera a direção do layout em telas menores:
@media (max-width: 768px) {
.apresentacao {
flex-direction: column;
}
}
Quer aprender mais sobre como usar media queries para tornar seu site mais responsivo? Confira estes conteúdos:
- Usando Media Queries - MDN Web Docs
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!