single-price-grid-component-master complete

Peter 30


Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
View Challenge

Design Comparison




Accessibility Issues


HTML Issues

View Report

Peter’s questions for the community

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



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 :=)


Give some feedback to @phogler about their solution...

Slack logo

Join our Slack community

Join over 80,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!