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

First Challenge! Single Price Grid with Mobile-First CSS Grid

@aharmon413

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


Hello everyone, this is my first Frontend Mentor challenge! It was fairly simple but I had fun with it nonetheless. This mobile-first design uses CSS grid to shift the bottom two sections into the same row at 992px and up.

One thing I wasn't sure about was that it appears in the desktop design image that the price grid is centered both horizontally and vertically on the page. I couldn't really figure out a nice way to center it vertically. Any feedback is appreciated, thanks!

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