I created this four card feature section using Flex
Design comparison
Solution retrospective
The first thing I'm confused about when I'm creating this project related to cards is how to fit all the things together and I face a lot of trouble although I do figure it out after lots of research
Community feedback
- @correlucasPosted about 2 years ago
👾Hello Mohit, congratulations for your new solution!
You've done a great work here putting everything together, something you can do keep simple your code is usa single class to manage all the cards since they've the same style/padding, this way you'll have more control using only one class to manage them all, you can improve the semantics replacing the div with
<article>
. The value you’ve used for the shadow make it too much dark and strong, to create a smooth shadow you need to give it lessopacity
and moreblur
try this value for example and see the difference between the previous shadow and this onebox-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
👋 I hope this helps you and happy coding!
Marked as helpful0@MOHITBILALAPosted about 2 years ago@correlucas Thank you so much, i will try your suggestion
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