Skip to content
Submitted almost 3 years ago

Responsive Single Price Grid Component using CSS Grid and Flexbox

Shane Pinder•190
@ShanePinderDev
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

Any and all feedback welcome. I used a combination of Grid and Flexbox for this one. I'm still struggling to organize my CSS in a clear way.

Community feedback

  • optimusprime202•1,200
    @optimusprime202Posted almost 3 years ago

    Hey @ShanePinderDev, Exactly right!

    Marked as helpful
    0
  • Zglob•250
    @ZglobiulViuPosted almost 3 years ago

    You can check for my solution if you want. I made it with 106 lines of css. Also I saw in your code that you used !important. Try to not abuse on it and if you can don't use it at all. Learn more about specificity.

    Marked as helpful
    0

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