**1) Adaptando imagens para diferentes tamanhos de tela **
.apresentacao__imagem {
width: 50%;
}
**** 2) Ajustando o layout para diferentes dispositivos **
**3) Responsividade do conteúdo de texto **
.apresentacao__conteudo {
width: 50%;
**4) Melhorando a responsividade dos links de navegação **
.apresentacao__links__navegacao {
width: 50%;
Oi, Benjamin! Como vai?
Obrigada por compartilhar seu código com a comunidade Alura.
Gostei de como você estruturou os estilos para adaptar os elementos da página. Para melhorar ainda mais a responsividade, você pode usar max-width: 100% em imagens para garantir que elas não ultrapassem os limites do contêiner em telas menores. Por exemplo:
.apresentacao__imagem {
max-width: 100%;
height: auto;
}
Isso faz com que a imagem mantenha a proporção original, evitando distorções quando redimensionada.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!