Skip to content
Submitted over 3 years ago

Responsive component using SASS and HTML

Albertoflj•170
@Albertoflj
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! Is there any way to order all components of a grid to be in a column, without setting each one individually? Thank you in advance!

Community feedback

  • Martin•1,150
    @ringmPosted over 3 years ago

    Hey! Amazing job, the site looks exactly like the design. Congatulations!

    Regarding your question: if you define your grid to be 1 column wide, all the child elements of the grid will fit like you want.

    .container {
  display: grid;
  grid-template-columns: 1fr;
}

    Keep up the good work!

    0
    Albertoflj•170
    @AlbertofljPosted over 3 years ago

    @ringm Thank you a lot! Happy coding!

    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