Submitted 6 months ago

Responsive Stats Preview Card built with React and Tailwind

FG-ABC• 180

@FG-ABC

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

What challenges did you encounter, and how did you overcome them?

I didn't know how to change the img source of an img element based on screen width, so I learned to use background image src changing with media queries from this discussion.

Community feedback

Renzorr• 870

@Renzorr

Posted 6 months ago

Did you try using <source> from <picture>? u can check it here

FG-ABC• 180

@FG-ABC

Posted 6 months ago

@Renzorr I tried using it as well, but it didn't seem to work for me. I've already made sure to set the attributes to camel case since I was using react, but to no avail.

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