I created this four card feature section using Flex

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
Please log in to post a comment
Log in with GitHubCommunity feedback
- @correlucas
👾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 helpful
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