Design comparison
SolutionDesign
Solution retrospective
I made some bug fixes. Anything else that can improve my Tailwind skills would be really appreciated :)
Community feedback
- @Jorgus1710Posted over 2 years ago
Hey Jack, nice job on the challenge! 🙂
I can't speak much about Tailwind, however I would like to suggest some simple alterations to your design, so that it stays true to the original reference material.
- The heading to each card requires a different font than the text below it. The style guide will have the appropriate font which you can source from google fonts.
- On desktop view: The buttons should be closer to the bottom of each card, and the text within them should have less font-weight.
- On desktop view: Overall card thickness is a little too thick, try reducing the overall width of each card, as well you can play with each cards padding in effort to squeeze its inner content to better fit the original design.
Overall great job and keep up the good work!! 👏 👏
Marked as helpful1
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