Submitted about 3 years ago

Mobile first, Flexbox and Sass

Jeffrey Izelaar• 110

@Astrobean

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Stats preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I managed it before, but couldn't get the background colorization quite right this time. Isn't there a way to do this using pseudo elements and 'blend-mode: contrast'? If anyone knows, please stop my brain from hurting, thank you. <3

Community feedback

Patrick• 14,285

@palgramming

Posted about 3 years ago

when your page is in a browser that is 420px wide your whole image disappears. You need to keep the mobile layout longer but transition the elements sizes in the mobile layout to the desktop sizes then when the browser is wide enough to fit the desktop layout then you can transition to it

Marked as helpful

Jeffrey Izelaar• 110

@Astrobean

Posted about 3 years ago

@palgramming Well damn, I missed that one earlier, but I've fixed it now. Thanks!

Please log in to post a comment

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