Componente de cartão de pré-visualização de estatísticas(EMMANUEL)

Solution retrospective
Do que mais me orgulho neste projeto é ter conseguido replicar fielmente o layout proposto pelo desafio, utilizando Flexbox, sobreposição de cores e fontes personalizadas, além de garantir responsividade e organização do código. Aprendi bastante sobre resolução de conflitos no Git, configuração do GitHub Pages e boas práticas de CSS moderno.
Na próxima vez, eu planejo estruturar melhor os commits e a organização dos arquivos desde o início, além de investir mais tempo em testes de responsividade para diferentes tamanhos de tela. Também pretendo explorar mais variáveis CSS e talvez usar um pré-processador para facilitar a manutenção do código.
Se alguém tiver dicas sobre automação de deploy com GitHub Actions ou sugestões para melhorar a acessibilidade do layout, ficarei feliz em receber!
What specific areas of your project would you like help with?Durante o projeto, enfrentei desafios principalmente com o controle de versão usando Git, especialmente ao lidar com conflitos de merge e rebase entre o repositório local e o remoto. Também tive dificuldades para alinhar perfeitamente o layout com Flexbox e garantir que a imagem e o conteúdo ocupassem exatamente o mesmo espaço, além de ajustar o overlay roxo sobre a foto.
Superei esses desafios pesquisando soluções específicas para conflitos no Git, utilizando comandos como git rebase --continue e resolvendo manualmente os conflitos nos arquivos. No CSS, revisei a estrutura dos containers, utilizei propriedades como flex: 1 e min-width: 0, e testei diferentes configurações de Flexbox até alcançar o resultado desejado. A documentação oficial e exemplos de outros projetos foram fundamentais para encontrar as melhores práticas e resolver os problemas encontrados.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Emmanuel Bezerra's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord