Skip to content
Submitted about 3 years ago

Solution for stats-preview-card-component (w/ Flexbox & Blend modes)

Ali Radmanesh•60
@AliRadmanesh
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

Hi everybody. Hope you are doing well. For this challenge I have one question and that is on image. I used width: 100%; for mobile & tablet versions and height: 100%; for desktop version for image. I wonder if I'm doing it right? Your feedback is very much appreciated :)

Community feedback

  • MikevPeeren•2,100
    @MikevPeerenPosted about 3 years ago

    Hey @AliRadmanesh,

    For the image I think that is a good solution, it looks good.

    My only remark is that 1024px uses a tablet version when a desktop version would be nicer. Also try to keep in mind higher resolution devices for example the component looks a bit iffy on 2560px

    But for the rest good job completing this one.

    Marked as helpful
    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