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: Avaliando o efeito do width: auto em dispositivos menores

@media (max-width: 1200px) {
  
   ... 
    .apresentacao {
        flex-direction: column-reverse;
        padding: 10%;
    }

    .apresentacao__conteudo {
        width: auto;
    }

4- Criando uma conta no GitHub: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

5- Subindo um projeto no GitHub: https://github.com/WallaceRBR/Minha-pagina-Web.git

1 resposta

Olá, Wallace, como vai?

Agradeço por compartilhar seu exercício. Você fez um ótimo trabalho ao ajustar o espaçamento e a largura do conteúdo para telas menores, utilizando media queries de forma correta. A aplicação de width: auto e a mudança para flex-direction: column-reverse na classe .apresentacao são boas práticas para melhorar a responsividade do layout.

Para complementar seu perfil no GitHub, sugiro que você crie um README personalizado. Um README no perfil ajuda a destacar suas habilidades, projetos e interesses, tornando seu perfil mais atrativo para recrutadores e outros desenvolvedores. Você pode seguir este artigo da Alura para criar um README eficiente: Como criar um README para seu perfil no GitHub.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)