FlexBox

What are you most proud of, and what would you do differently next time?

Orgulho

Simplicidade e organização do layout: Estou orgulhoso de como o layout ficou simples, mas elegante. Usar CSS Grid e Flexbox permitiu organizar os elementos de forma responsiva e limpa, criando uma interface bem estruturada e adaptável para diferentes dispositivos.

Uso de variáveis CSS: A utilização de variáveis para cores e espaçamentos tornou o código mais fácil de manter e ajustar, o que melhorou a clareza e a flexibilidade do projeto.

O que faria diferente

Aprimoramento de acessibilidade: Na próxima vez, daria mais atenção à acessibilidade, implementando melhorias como descrições alternativas mais detalhadas para imagens e uso de ARIA landmarks para facilitar a navegação para pessoas com deficiência.

Exploração de CSS Grid: Embora tenha usado Flexbox para organizar o layout, poderia explorar mais CSS Grid para ter maior controle sobre a disposição dos elementos em uma estrutura mais complexa.

Otimização da performance: Poderia compactar as imagens ou usar formatos mais leves como WebP para otimizar o tempo de carregamento da página.

What challenges did you encounter, and how did you overcome them?

Desafios e como os superei: Responsividade: Ajustar o layout para diferentes tamanhos de tela foi desafiador. Usei Flexbox e a meta tag viewport para garantir uma boa adaptação em dispositivos móveis.

Alinhamento e espaçamento: Distribuir bem os elementos e evitar excessos de espaço foi difícil. Resolvi isso com variáveis CSS para padronizar espaçamentos.

Tipografia: Escolher uma fonte que fosse moderna e legível foi um desafio. Encontrei a solução usando Google Fonts com a fonte Outfit.