1
resposta

Lista de exercícios - Responsividade e GitHub

1- Ajustando o espaçamento para telas menores:

@media (max-width: 1200px) {
    .cabecalho {
        padding: 5%
    }

2- Refinando a largura do conteúdo em dispositivos menores:

  @media (max-width: 1200px) {
      ...
      .apresentacao__conteudo {
          width: auto;
      }
  }

3- Avaliando o efeito do width: auto em dispositivos menores:

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

@media (max-width: 1362px) {
.apresentacao {
        flex-direction: column-reverse;
        padding: 5%;
    }
    .apresentacao__conteudo{
        width: auto;
        
    }

4- Criando uma conta no GitHub: ![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade ) Link: https://github.com/Brefifi-Dev

1 resposta

Olá, Brenda, como vai?

Seu código está bem construído e demonstra um bom entendimento de responsividade. A utilização de media queries para ajustar o padding e a largura dos elementos está correta, e a aplicação de width: auto na classe .apresentacao__conteudo é uma solução adequada para garantir que o conteúdo se adapte ao espaço disponível.

Obrigado por compartilhar seu exercício. Continue praticando e explorando novas técnicas de responsividade e publicação de projetos. O fórum está à disposição para qualquer dúvida ou novo projeto que queira compartilhar.

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