Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
👾Fala Felipe, tudo bem? Parabéns pelo desafio!
Vou deixar aqui umas dicas pra melhorar sua solução:
Pra não deixar os cards crescerem demais coloque o tamanho certo pra eles que é
max-width: 340px
.supervisor, .calculator { grid-row: span 2; align-self: center; max-width: 340px; }
Seu html está funcionando, mas você pode melhorá-lo usando tags semânticas e substituir os divs, por exemplo, os cards você pode substituir o
<div>
que envolve cada cartão com<article>
que e a tag ideal pra essa situação. Aqui um guia com todas tags semanticas: https://www.w3schools.com/TAgs/default.asp👋 Espero ter ajudado e continue no foco!
Marked as helpful1@correlucasPosted about 2 years ago@FelipeFama Tmj, deixei outra dica em uma solução sua
0
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