Site criado com React Vite , e componentes para facilitar a manutenção
Design comparison
Community feedback
- @AdrianoEscarabotePosted about 1 month ago
Olá Rone J Santos, Tudo bem?
Gostei muito do resultado do seu projeto mas tenho algumas dicas que pode ser útil:
Para melhorar a semântica do seu código, considere usar uma
<ul>
(lista não ordenada) para a coleção de links, já que ela representa uma lista de itens relacionados. Aqui está um exemplo:<ul> <li><a href="#">GitHub</a></li> <li><a href="#">Frontend Mentor</a></li> <li><a href="#">LinkedIn</a></li> <li><a href="#">Twitter</a></li> <li><a href="#">Instagram</a></li> </ul>
Usar uma
<ul>
oferece uma estrutura clara e sinaliza tanto para os navegadores quanto para tecnologias assistivas que esses links fazem parte de um grupo coeso, melhorando a acessibilidade e a legibilidade do código.O resto está muito bom !
espero ter ajudado !
Marked as helpful1 - @LocoyoccimPosted about 1 month ago
Hi Rone; You could enhance your button hover effect by using the transition property in CSS. For example:
.link { width: 80%; padding: 15px; margin: 10px; border-radius: 8px; font-weight: bold; color: white; border: none; text-decoration: none; text-align: center; background-color: hsl(0, 0%, 20%); transition: 0.3s all ease; }
.link:hover { background-color: hsl(75, 94%, 57%); color: hsl(0, 0%, 8%); transition: 0.3s all ease; }
This is a small excerpt from your code where I just added the transition property!
Let me know if you need anything else! Have a nice code!
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