Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Since this is a simple component, I kept this solution as simple as possible.
What challenges did you encounter, and how did you overcome them?Search how to add Google fonts and a style sheet.
What specific areas of your project would you like help with?How to make the subtle box shadow to the card so it resembles the design.
Community feedback
- @MahmoodHashemPosted 4 months ago
Hello there!
Congratulations on successfully completing the challenge! ✅
Your solution looks fantastic.
To achieve a smoother shadow effect, consider adjusting the
spread-radiusvalue within thebox-shadowproperty.When setting the values for
box-shadows, they follow this order:horizontal-offset, vertical-offset, blur-radius, spread-radius, and color.
By increasing the spread value, you can better match the desired design.
I hope it helps!
Keep up the great work!
Marked as helpful1
Please log in to post a comment
Log in with GitHub
Join 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