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.
