Aprimorando CSS

1. Ajustando o espaçamento para telas menores

@media (max-width: 1200px) {
  .apresentacao {
    flex-direction: column-reverse;
    padding: 5%; /*  Ajustado para telas menores */
  }
  /* ... resto do código ... */
}

1. Refinando a largura do conteúdo em dispositivos menores

@media (max-width: 1200px) {
  /* ... código anterior ... */
  .apresentacao__conteudo {
    width: auto; 
  }
}

1. Avaliando o efeito do width: auto em dispositivos menores

Ao definir o width: auto, o elemento .apresentacao__conteudo automaticamente preenche a largura do contêiner .apresentacao. Como o .apresentacao agora tem um padding de 5% nas laterais, o conteúdo se adapta a essa nova área. Ele não fica com a largura fixa de 50% como na versão desktop, mas sim ocupa todo o espaço disponível, garantindo que o design não fique "espremido" e se adapte bem à tela do celular. É uma solução perfeita para a responsividade

1. Criando uma conta no GitHub
   Já tenho uma conta lá
   https://github.com/samarapereiras

5)Subindo um projeto no GitHub
Vou editar com meu dado ainda kkk