Submitted about 2 years ago

Single-Price-Grid-Component

Tóki• 70

@Rohtikot

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Single price grid component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I wasn't sure exactly how to approach this challenge. I tried using grid with grid-template-areas. I've been playing around with ems and rems as well. I have recently learned about these topics, and wanted to implement them. I was mostly focused on the grid layout and the media query, an therefore I have not tried getting everything pixel perfect

Would you have used grid or flexbox with this one?

Community feedback

Kent O'Sullivan• 1,870

@12Kentos

Posted about 2 years ago

Hey @Rohtikot,

Personally I used grid for this challenge, but you can use either! There isn't really a you should "always" use grid for this and flex for that, but rather what you are more comfortable with, and understand better. With that being said I would suggest practicing both, as they certainly have their uses, and in some cases one is easier than the other.

Here's a really good video by Kevin Powell going over when he likes to use flexbox, and when he likes to use grid.

Kevin Powell

Hope this helps, keep up the great work!

Please log in to post a comment

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