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

Single price grid component solution using flexbox

Yvette 30

@agyeiyb

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I could not get the box-shadow to look exactly like the picture. Any suggestions for that?

Community feedback

Adarsh Pratap 5,515

@adarshcodes

Posted

Hi! @agyeiyb, Congratulations on submitting your first solution👍 and welcome to this amazing community. For the shadow, you can there are some online shadow generator you can use to see how the value works.

  • Design aspect: Your design looks great.
  • Responsive aspect: It can be improved on the smaller devices like you can add the margin on both sides of the cards after the breakpoint 650px around. and for the mobile device, it is working fine.
  • Issues aroused: Great work! It's your first solution and no issues aroused. Happy coding🙂
2

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