Design comparison
SolutionDesign
Community feedback
- @aykinsancakliPosted 9 months ago
Hello @JanAbe,
I think you did a great job! However, there's a small detail that caught my eye.
When using box shadows, we usually aim for a shadow that mimics the real world, so we prefer to use very subtle values. As the size of the component increases, the intensity and density of the shadow should also increase. For components like this, you can start with a shadow like this:
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.015); // You can adjust the color of the shadow if you want to match the design shadow.
This gives a more realistic and subtle shadow effect. Great work overall!
Best, Aykın
Marked as helpful1@JanAbePosted 9 months ago@aykinsancakli
Wow thank you so much for your tip! I hope you have a nice day :)
1
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