Skip to content
Submitted over 3 years ago

Single Price Grid | HTML, SCSS | CSS Grid for Desktop & Mobile layuout

Kris Pietrzak•340
@krisp-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

First time using CSS Grid on a project. Used it for both the Desktop & Mobile design layouts.

Added a few more colors to match the design better. Basically decreased or increased opacity of the colors from the style.md.

Also, added a simple :hover and :active state on the button.

Let me know if I could make my code any better or clearer.

Community feedback

Please log in to post a comment

Log in with GitHub

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