Entrar Ainda não tem acesso?
1
resposta

Lista de exercícios: Responsividade e Github

Referente ao curso HTML e CSS: trabalhando com responsividade e publicação de projetos, no capítulo Responsividade e GitHub e atividade Lista de exercícios

por Benjamin Lucas Lemos Da Silva Bonaita
| 26.8k xp | 69 posts

1- Ajustando o espaçamento para telas menores:

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

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: 1200px) {

.apresentacao {
        flex-direction: column-reverse;
        width: 90%;
        align-items: center;
        text-align: center;
        padding: 5%;
        }
    }

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/BenjaMin27-Dev/BenjaMin27-Dev

1 resposta
por Mike de Sousa
| 1382.8k xp | 2499 posts
Alura Scuba Team Suporte Educacional

Olá, Benjamin, como vai?

O seu código está muito bom! Você fez um ótimo trabalho ajustando o espaçamento e a largura em dispositivos menores. Esse cuidado com os detalhes faz toda a diferença na experiência do usuário. Continue assim, você está no caminho certo! Fique à vontade para compartilhar mais dúvidas e bons estudos.

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