
Submitted about 3 years ago
Stats Preview Card Component Solution | Mobile First Workflow
@NickODxyz
Design comparison
SolutionDesign
Solution retrospective
Hi all,
I tried the mobile first workflow for a change, I think I prefer desktop first tbh lol. But will try and stick with mobile first from now on, as it seems to be the way to go.
I had fun with the image overlay, thankfully the mix-blend-mode property is referred to in the figma designs. Once I hacked about for a bit, I think I got it done OK with the least amount of code in my .overlay
and .overlay .img
classes.
Any feedback on my coding again would be most appreciated.
Thanks, Nick
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