Design comparison
Solution retrospective
olá, levei entre 1:30hrs para fazer este desafio, eu gostaria se alguém avaliasse se a forma que eu codifico está correto ou se posso melhorar em determinadas áreas do código.
Community feedback
- @irenanrodriguesPosted 11 months ago
Olá @jaojogadez, tudo bem? Parabéns por concluir o desafio! Aqui estão algumas sugestões para aprimorar ainda mais o seu projeto:
HTML Semântico: Tente usar mais elementos semânticos do HTML. Isso não só melhora a acessibilidade, mas também torna o seu código mais organizado e fácil de entender.
Atributo alt: No atributo alt das suas imagens, tente fornecer uma descrição mais detalhada. Isso é especialmente útil para usuários que dependem de leitores de tela.
Classes CSS: Notei que as classes .div1 e .div2 têm propriedades muito semelhantes. Você pode considerar a criação de uma classe comum para ambas e, em seguida, adicionar classes auxiliares para quaisquer modificações específicas. Por exemplo:
Ex:
.footer-content { display: inline-flex; width: 100%; align-items: center; padding: 10px; gap: 5px; } .footer-content.-eth {padding: 10px;} .footer-content.-days { font-size:16px; font-weight: 400;}
Efeito Hover: Parece que o efeito de hover do desafio ainda não foi feito.
Se ficou com alguma dúvida, pode perguntar =)
Marked as helpful0@jaojogadezPosted 11 months ago@irenanrodrigues Olá, I hadn't noticed the hover effect, I'll do it. Thanks for the feedback.
0 - @Sunman24Posted 11 months ago
Bom trabalho! Não se esqueça dos recursos visuais da imagem ao passar o mouse.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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