Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive component using SASS and HTML

Albertoflj 170

@Albertoflj

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@ringm

Posted

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

@Albertoflj

Posted

@ringm Thank you a lot! Happy coding!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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