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 with Flexbox and CSS Variables

@scrabill

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Shashi Lo 1,345

@shashilo

Posted

Hey Shannon. You did a good job including all the elements and styles. I did find some items that can improve:

  • Overall, paying attention to the details. If you get PixelPerfect Chrome plugin, you can overlay the design and see where you are off from the design.
  • The Content padding is a little off.
  • Check the font colors, size, etc. There's a few places that it's a tad off.
  • You're missing the box-shadow from the main container and the submit button.
  • Mobile needs a little work. There needs to be space on the left/right of the container. Also, check the border-radius on Monthly Subscription box.
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