Skip to content
Submitted 7 months ago

Responsive Stats Preview Card built with React and Tailwind

FG-ABC•180
@FG-ABC
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

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
    @RenzorrPosted 7 months ago

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

    1
    FG-ABC•180
    @FG-ABCPosted 7 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.

    0

Please log in to post a comment

Log in with GitHub

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