Skip to content
Submitted over 2 years ago

Single price grid component

AmericanAppleIO•80
@AmericanAppleIO
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

Hi

I tried to use very simple and easy to understand code but still missing few key ingredients.

Just need 5-10 lines of code to fix this.

I know it can be fixed with tons of lines of code but it's not fun neither I can understand it.

Community feedback

  • imad•3,330
    @imadvvPosted over 2 years ago

    Hey @AmericanAppleIO!!, if you like to reduce more code you can also center a Grid element with just display: grid; place-content: center; without need to justify-content: center and align-items: center;. actually you can center content on the middle of the page by adding this line of code to the body, body {min-height: 100vh; display: grid; place-content: center;},

    but over, Nice move, Happy Codding, and Have a Good Day/Night

    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