Responsive stats-preview-card with flexbox

Solution retrospective
Would love to hear your feedbacks and ideas on a better way of implementation.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @rngueco
Hey Mohamed!
The layout looks good.
As for the HTML, you might want to check out semantic HTML. In particular, you should instead use a list
<ul>
or<ol>
for the statistics, instead of<dt>
and<dd>
which are typically used to denote a term and a definition inside a definition list<dl>
element.Also, here's a tip for the image color overlay: you can use
mix-blend-mode
orbackground-blend-mode
.Cheers and happy coding! 🎉
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