Submitted about 1 year ago
Stats preview card component using Flexbox (Responsive)
@git-ritesh
Design comparison
SolutionDesign
Solution retrospective
While making this I was thinking of : What would be the better approach to create the effect on image in the card component ?
- By adding a
div
for overlay on image to add the filter effect. or - The
mix-blend-mode
to the image wrapper which I've used in this project.
I've used flex-wrap: wrap-reverse
for swapping the image & the text content in the card. I thought of using flex-direction: row-reverse
also. Is this OK to do ? Or I should use anything else ?
Suggest me some good practices.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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