Design comparison
SolutionDesign
Solution retrospective
Just one question : How can I do the shadow under the cards?
I'm open to any other suggestions to improve my code ! 😃
Community feedback
- @itsOSTOVARPosted almost 2 years ago
I Used This:
box-shadow: -5px 0px 10px rgba(128, 128, 128, 0.15), 5px 5px 10px rgba(128, 128, 128, 0.15);
Give all of your cards a same class, for example
card
. Your css code should be like this:.card { box-shadow: -5px 0px 10px rgba(128, 128, 128, 0.15), 5px 5px 10px rgba(128, 128, 128, 0.15); }
You can see my solution and If you liked it then, use it.
Marked as helpful0 - @MordenWebDevPosted almost 2 years ago
there is a property call box shadow. with that you will be able to bring shadow to your design.
yourcard { box-shadow: 5px 10px rgba(255,255,255,.1); }
i hope this might helped you
Marked as helpful0
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