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

I used html and css in the single price grid component project

@IzabellaLoyse

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


I'm having trouble leaving the responsive layout with Css. Can you help me ? Mainly with the responsiveness of the third box?

Community feedback

Alex Kim 1,325

@alex-kim-dev

Posted

Hi Izabella, I see you are using css grid for the layout, currently the grid has 3 columns and 3 rows, but both the 3rd column and 3rd row are not occupied by anything. For this kind of layout a 2x2 grid would be enough. Next up, the height of the boxes should be fluid - based on its inner content - so remove the height from each of them and use auto for grid rows. Css grid will make your bottom boxes of equal height automatically. That's it, nice job, keep up the good work!

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