Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    FlexBox

    • HTML
    • CSS

    1


    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.