I used html and css in the single price grid component project
Design comparison
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-devPosted over 4 years ago
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 useauto
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 GitHubJoin 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