Skip to content
Submitted over 4 years ago

Mobile-first solution using CSS Grid

Tushar Kashyap•175
@tusharkashyap63
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 feedback is welcome. Specifically, I wanted to ask how to get that per month in center with respect to the big $29. Thank you.

Community feedback

  • Eliezer David•305
    @edavid78Posted over 4 years ago

    Hello! you can use "items-align: center"

    1
    Tushar Kashyap•175
    @tusharkashyap63Posted over 4 years ago

    @edavid78 yes it works if I put them inside a flexbox. Thank you :)

    1
  • Roman Filenko•3,335
    @rfilenkoPosted over 4 years ago

    Hi, you can use vertical-align: middle; to achieve that or put them inside an element and align with flexbox properties :)

    1
    Tushar Kashyap•175
    @tusharkashyap63Posted over 4 years ago

    @rfilenko Oh yes it worked and I understood both the ways. Thank you :)

    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