Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

stats-preview-card-component-main

Umar094 280

@Umar094

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@haquanq

Posted

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

@Umar094

Posted

@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
Discord logo

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