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 using flexbox & grid

FinnJ04 100

@FinnJ04

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


building the component went quite well, but I was facing an issue when the screen-size was too small (you couldn't see the whole component when the Y size was too small, nor scroll). I fixed this by setting the height too 100%, but this caused that the component was not vertically centered anymore.(I also used the overflow property, but didn't like that either). I didn't have this issue on my stats-preview-card-component. Tips how to solve this problem would be very much appreciated!

Community feedback

@AssadullahADELYAR

Posted

Hello!

Your solution looks very good. You can check out my solution for the Price-grid challenge. Please let me know your feedback.

Thank you,

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