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-master complete

#sass/scss
Peter 30

@phogler

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


Really wanted to learn how to use grid: I have been struggling for a while but this project made me learn more! I think it turned out great, I have yet much to learn!

Kind regards, Peter

Community feedback

@MojtabaMosavi

Posted

If you already haven't read the css tricks guide for grid I recomend it. Quite detailed and easy to grasp.

1- The why us section could also be seen a list of item which is more meaningful semantically rather that just a div.

2- Add some kind of hover state to your button to make is more interactive, the least accepeted is change of cursor which communicates to the user that this element is interactive.

Keep coding :=)

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