Olá, Orlans. Tudo bem?

Muito obrigado por compartilhar o seu código aqui com a gente. Parabéns pelo trabalho. Continue com essa dedicação.

Gostei da forma como você está aplicando a responsividade ao definir larguras para os elementos, o que ajuda a garantir que o layout se ajuste bem a diferentes tamanhos de tela. Isso é uma ótima prática! Um método útil que você pode experimentar é o @media no CSS, que permite aplicar estilos diferentes dependendo das características da tela (como largura ou altura).

@media (max-width: 768px) {
  .apresentacao__imagem, .apresentacao__conteudo, .apresentacao__links__navegacao {
    width: 100%;
  }
}

No exemplo acima, os elementos vão ocupar 100% da largura da tela em dispositivos menores, garantindo que o layout se ajuste para telas de smartphones. Esse tipo de abordagem melhora a flexibilidade do seu design.

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