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

Aya Zayed 200

@AyaZayed

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

So that the image is not deformed on the desktop you can add to the .stats-card .img img class object-fit: cover.

On the other hand, the section put it inside a main tag to remove the errors from the report and you can generate a new one without error, which by the way in this case I would not recommend you to use section when using main because there are no more sections in the code (Note, if you put all the section inside the main you might have to modify your CSS, the other option would be to replace the section by the main which is also valid, see what you think might be better).

Well that would be all, you have done a great job.

Marked as helpful

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