Stats preview card component using HTML and CSS

Solution retrospective
It's a basic challenge, so no need for help at the moment — but if you spot anything off or see areas I could improve, I'd love your feedback. Always open to refining things.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @piyushkumarx
Areas to Improve: Padding on Small Screens:
On very narrow screens (less than 350px), the text feels a bit too close to the edges. 👉 Add more padding: 1rem or margin-inline: auto to improve breathing room.
Stats Layout on Mobile:
Currently, the stats are in one row on mobile, which can feel tight. 👉 Consider stacking the stats vertically (column direction) for better readability on narrow screens.
Font Size Scaling:
The paragraph font size could scale slightly smaller on mobile to prevent long lines from wrapping awkwardly.
Container Width Limit:
On very large screens (e.g., 1440px+), the card looks too narrow in the center. 👉 You could make the max-width a bit wider or add a slight zoom effect to better use screen space.
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