Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four card feature section

@MahdiSohaily

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


It was a fun challenge. Please follow me on GitHub.

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾Hello Mahdi, congratulations for your solution!

Your solution is just great and super responsive. I like how the cards are flexible here. Well done!

The only thing I think you can improve it, is the shadow because its too dark (maybe the challenge shadow is like this) but you can give it less opacity and more blur to have an smoother shadow.

👾Hello , congratulations for your new solution!

Marked as helpful

1

@MahdiSohaily

Posted

@correlucas Thank you, I read about shadows and how to have beautiful shadows, I will consider this tip for future challenges.

1

@asifakram74

Posted

Your solution is just great and super responsive and I love how flexible the cards are here. Great! You must used comment after or before article or section so its more semantic. the one more thing the spacing between card and content should be as per design.

The one more thing I think you can improve is the shadow as it's too dark (maybe that's the challenge shadow) but you can give it less opacity and more blur to get a smoother shadow.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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