Stats preview card component

Solution retrospective
I’d really appreciate any feedback on my solution, especially regarding code structure, accessibility, responsiveness, and user experience. Any suggestions will help me improve!
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@dar-ju
Hi, Tetiana!
Awesome work!
What I would change:
- the picture is not just some abstract image or figures, it is a fully-content image. Content for a search engine can only be transmitted via the <img> tag with a description in alt. In more complex works, you will always need to ask yourself - is this a content image or just a decorative element? And then decide how to position it correctly
- at a screen width of 760px, the block seems too narrow, you can remove the fixed width and make side paddings
- the card__stats block is more of a list, use ul
- there is an important point about the height of the blocks, use a fixed height very carefully. Imagine that there will be 5 times more text in the card - add it and check what happens. The text will simply go beyond the block. And your layout should be resistant to changes
Otherwise, everything is great, keep up the good work!
Marked as helpful - @YacoubDweik
Hey! good job!
.card__content > .content__title and not .card__title
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