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

Mobile First site using HTML + CSS grid

@hollomanne

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


It is my first challenge. I will accept every feedback in html or css and don't hesitate, it will help me a lot.

Community feedback

Jane 1,040

@janegca

Posted

Hi Marie, it looks fairly close to the design except for the space allocated to top and bottom sections. In looking at your code, your media query container has 'grid-template-rows: 0.5fr 1fr;', so the top row is only half the height of the bottom row when the original design has them an equal height.

Nice job overall.

0

@hollomanne

Posted

@janegca Hi.. Thnak you for your feedback. When I look at the design I don't see it like it is the same height but if you say so, I will modify it so it gets closer to what the design look like. And really thank you for your feedback, it makes me wants to continue trying to do challenge.

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