Usei HTML, CSS, @font-face, flexbox, hover e sombra.

Please log in to post a comment
Log in with GitHubCommunity feedback
- @mateussmiranda
✅ Pontos Positivos: Estrutura bem organizada: O HTML está limpo e semanticamente coerente. A separação das responsabilidades entre HTML e CSS está clara.
Layout centralizado com grid: A centralização da .card usando display: grid e place-items: center é uma escolha elegante e moderna.
Uso de hover no título: A interação no título com hover traz vida ao card e valoriza a experiência do usuário.
Boa tipografia no geral: A fonte personalizada traz personalidade ao projeto.
🔧 Oportunidades de Melhoria: Imagem sem bordas arredondadas: A classe .img está aplicando border-radius: 10px, mas parece que não está surtindo efeito como o esperado. Certifique-se de que a classe está sendo aplicada corretamente ou que o seletor não está sendo sobrescrito.
Tamanho da fonte na tag “Learning”: A classe .cor_fundo está com uma fonte um pouco grande comparado ao design original. Reduzir um pouco a font-size pode deixar mais próximo do visual do desafio.
Data está em negrito: No design original, a data está com peso de fonte regular. Alterar de font-weight: bold para font-weight: 500 ou normal deixará mais fiel.
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