Design comparison
SolutionDesign
Community feedback
- @romila2003Posted over 2 years ago
Hi @itachi-13,
Congratulations 🎉 on completing this challenge, it was a great attempt but there are some minor problems I want to address:
- The card looks great in the desktop version however when adjusting the screen sizes, the height of the card does not cover the text content within the card as it is not long enough. Also, the card stretches until 1000px. A key solution is to follow the mobile-first approach as it will help you with adjusting the elements within the card as you increase the screen size. There are lots of resources regarding this concept and topic through many sources. Another key solution is to have a width of the card as the width card increases from 375px to 1000px.
- To look more like the design, you can reduce the width between the 3 sections (numbers and texts) as yours is wide.
- You could also reduce the padding within the box in desktop mode.
Overall, great attempt and wish you luck with future projects so keep coding 👍.
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