Design comparison
Solution retrospective
I changed slightly the box-shadow effect for the cards.
Any suggestion is welcome
Community feedback
- @correlucasPosted over 2 years ago
๐พHello Adriano, congratulations for your solution!
Your solution structure is really good, you've to work only the card
max-width
that are a bit off in comparison to the design files. You can try a value aroundmax-width: 320px
.About the shadows, is really good that you've used your own value, remember that for a good shadow, a smooth shadow, you need to play with the
opacity
andblur
values.You can use this online tool to build your box-shadow:
https://www.cssmatic.com/box-shadow
Hope it helps bro!
Marked as helpful0@achambelPosted over 2 years ago@correlucas that tool is really useful.
I liked both shadow effects. You are correct, blur turns it a smooth shadow.
I've pushed the changes.
Thank you!
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