Responsive page using CSS grid and flexbox.

Please log in to post a comment
Log in with GitHubCommunity feedback
- @correlucas
👾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 helpful
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