First solution using CSS Grid

Solution retrospective
Code Updated. Please help me out by reviewing it. Still not responsive for mobile and web, your opinions on that and any other suggestion will be welcomed. Thank You.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @robakerson
Few quick changes I would make:
For the numbers on bottom you used H4, I would use H2 as those numbers are not big enough for you.
Also, your h4 & p elements have default margins that are pushing your numbers too far from the description. You want "10k+" and "Companies" to be a little closer. I would remove the bottom margin from those H elements and reduce the top margin on the p elements to fix that.
I would add a "line-height" property to your p elements as well to add space between lines on your middle paragraph. Maybe "line-height:2"?
Compare the edges of your boxes to the example, you want rounded edges so you are looking for the "border-radius" property. I would experiment with that property to figure out how it works and how you could use it to round the edges of your components.
Marked as helpful - @grace-snow
Hi
Even if you struggle with the responsiveness, try to get this looking much closer to the design with the fonts, spacings, sizes etc if you can
Marked as helpful
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