Skip to content
Submitted over 4 years ago

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

Amber Harmon•95
@aharmon413
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Amber Harmon's solution.

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