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 using flexbox

P
Cassidy 555

@Darknessflowers

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


I'd appreciate some tips on getting the box-shadow to be the same as the design!

Community feedback

@KepKepgithub

Posted

hi! , I play around with https://www.cssmatic.com/box-shadow until I get a shadow that looks similar, I think the only way to get anything 1:1 is by purchasing the sketch design

2

@Karska-dev

Posted

Hi! I think in this design there are several shadow layers and shadow has color(one from style-guide). You can try here to see how it will look like - https://brumm.af/shadows Happy coding!

1

P
Cassidy 555

@Darknessflowers

Posted

@Karska-dev thanks for the link! That site is really cool and will be helpful in the future.

0

@Karska-dev

Posted

@Darknessflowers I'm glad to be helpful!

0
P
Matt Studdert 13,611

@mattstuddert

Posted

Great work on this challenge, Cassidy! As has already been mentioned, the only way to get it absolutely 1:1 with the design would be to have the actual design file to work from. With the JPG designs, it will be a case of trial and error.

Keep up the great work!

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