Design comparison
SolutionDesign
Community feedback
- @AghlaAbdoPosted over 1 year ago
Great job, you did very well.
The only thing I will mention is that you didn't use the same colors given in the style-guide.md
And for the div that contains 76 of 100, you should make the background linear-gradient from color to transparent to reach the same effect like this:
background: linear-gradient(180deg, rgb(77,34,200), rgba(77,34,200, .05));
And also you need to make the drop shadow less visible and use the color as in the image because its not a dark shadow, and add more padding to the text to make it go to 3 lines. Good Luck for your coding Journey 😊
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