Design comparison
Solution retrospective
It is a little weird on mobile landscape, still looks good in both vertial and desktop.
Community feedback
- @Comet466Posted over 3 years ago
Nice job on your first challenge Juan congrats, just a few things to point out, you can use a property called "line-height" to give some separations to your lines to make the card a little more readable, and you can set some margin at the body that will separate the card from the border of the browser and make it more responsive, great job using grid-template-areas and great job using rem units to specify sizes
1@alvarezj-devPosted over 3 years ago@Comet466 Hey, thanks! I think I couldn't use line-height in the right card, since I'm using differents p tags for each line - either way, I think I can add some margin to it. Also, not using margin with the body just because I used flexbox to center the card.
I also saw your card implement and it seems nice! Good work
1
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