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

Single price grid component with Flex, Grid

P
Karol 210

@CharlesSquirel

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


Thanks for your comments :)

EDIT I centered whole card in body selector

Community feedback

Divine Obeten 2,415

@Deevyn9

Posted

Hi Karol, congrats on completing this project, your solution looks really good, However you'll need to center the container you can do this by: Giving the body a min-height of 100vh, a width of 100vw then you give it a display: grid; and then you place-items: center; to center the container.

I hope this solves your problem and you find it helpful.

Happy coding!

Marked as helpful

0

P
Karol 210

@CharlesSquirel

Posted

@Deevyn9 Nice advise. Thank you :)

1

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