Skip to content
Submitted 3 months ago

stats-preview-card-component-main

Umar094•280
@Umar094
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 couldn't make image be responsive, and I didn't find solution for that.

What specific areas of your project would you like help with?

Help with the desktop image, how to set it properly

Community feedback

  • haquanq ®️•1,585
    @haquanqPosted 3 months ago

    Hello @Umar094 👋

    Your image is not responsive because you are using fixed width, height for it, try using width, height with % unit or use min/max-width, min/max-height. Also, use img element for image for better semantic, use background-image with images that serve the decoration purpose.

    Cheers, have a nice day!!! 😁😁

    Marked as helpful
    1
    Umar094•280
    @Umar094Posted 3 months ago

    @haquanq Thanks for the feedback, First of all I tried like you said, with precentage the two things happened, the image disapears or the main box didn't take all height. I don’t want to correct this anymore, it will remind me of the result)

    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