Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Lista de exercícios - 4

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 Paulo Henrique Rosa
| 29.3k xp | 45 posts
  • Ajustando o espaçamento para telas menores
  • &
  • Refinando a largura do conteúdo em dispositivos menores
@media (max-width: 1200px) {
    .cabecalho{
        padding: 10%;
    }
 
    .apresentacao{
        flex-direction:column-reverse;
        padding: 5%;
    }
    
    .apresentacao__conteudo{
        width: auto;
    }

  • Avaliando o efeito do width: auto em dispositivos menores Feito

  • Criando uma conta no GitHub Feito antes do curso.

  • Subindo um projeto no GitHub Projeto no GitHub

1 resposta
solução!
por Mike de Sousa
| 1420k xp | 2588 posts
Alura Scuba Team Suporte Educacional

Olá, Paulo, como vai?

Seu código para ajustar a responsividade está bem estruturado e segue boas práticas. O uso de media queries para ajustar o layout em telas menores foi aplicado de forma correta, especialmente ao definir flex-direction: column-reverse na classe .apresentacao e ajustar o width para auto na classe .apresentacao__conteudo. Essas mudanças garantem que o conteúdo se adapte adequadamente a diferentes tamanhos de tela.

Parabéns por já ter criado sua conta no GitHub e por subir seu projeto. Isso demonstra proatividade e um bom entendimento da importância do versionamento e compartilhamento de código. Para tornar seu repositório mais informativo e profissional, um bom README é essencial. Vou deixar disponível abaixo um artigo que ensina a criar um README bem estruturado para o seu repositório.

Continue explorando e compartilhando suas experiências no fórum.

Ícone de sugestão Para saber mais:

Sugestão de conteúdo para você mergulhar ainda mais sobre o tema:

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