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

Responsive price grid component using flexbox and grid

@avinash4364

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


This was a great project to practice CSS grid layout system. Normally, i use grid-template-rows / grid-template-columns to define my rows and columns.

In this project i played with grid-template-areas, and i noticed it is much easier to make complex layouts (this challenge doesn't have complex layout 🤓) using grid-template-areas rather than traditional ways.

It was a very fun project. Any feedback is welcome 🙏. Happy coding.

Community feedback

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