Single Price Grid Component

Solution retrospective
I did this challenge as another refresher after a longer break from learning web development. My CSS Grid skills are still a bit rusty, but I'm getting back into the swing of things.
What challenges did you encounter, and how did you overcome them?In the mobile design, the hight of the first row is determined by its content. The second and third row have equal hight. At first, I wasn't sure how I could implement that with CSS Grid. After looking up possible values for grid-template-rows on MDN, I was able to match the design by using the auto keyword for the height of the first row and 1fr for the second and third row.
I focused on HTML and CSS foundations and on CSS Grid. I appreciate any feedback and recommendations for improvement.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Sabine’s solution.
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