Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I wonder whether the day will ever come when I don't need to struggle so hard to create this seemingly simple card design.... Only thing I am proud of is that I didn't give up this challenge and completed submitting it anyway.
What challenges did you encounter, and how did you overcome them?Full of challenges for me...
- It was very difficult for me to set the direction of the gradient.
- Also, it was hard for me to find the way to align one items to left (e.g. "Reaction") and the other item to right (e.g. "80/100").
- I struggled with the responsive design.
- I spent hours to figure out how to "extend" white background of the right card to the rounded-corner of purple card.
Community feedback
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