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 solution using CSS Flexbox

@Edwardleung1

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


Any feedback would be appreciated because I'm still trying to improve little by little everyday!

Happy coding guys :)

Community feedback

@ramsaysewell

Posted

Hey Edward,

I love this solution, well done!

A small tip for box-shadows, you can use multiple box-shadows on one element like this:

box-shadow: 0 2px 0px rgba(0,0,0,0.3), 0 2px 5px rgba(0,0,0,0.1);

I would have one box-shadow with a low spread and the other with a larger spread and lower opacity.

I hope this helps :D

1

@Edwardleung1

Posted

@ramsaysewell Thanks man for the feedback! :)

0

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