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

Responsive stats preview card component

@becckman

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


Unsure what to do for tablet. Kept the mobile version but set a max-height on the header image.

Community feedback

Darko 980

@dtomicic

Posted

With your current styling the easies fix would be to make the max-height bigger although it's no a perfect solution it would be the easiest since now the picture sticks to the left side from around 600px and up and the right side is empty. You could increase the max-height and it will look okay on tablet however I would advise against using that as a common practice and in turn find another alternative.

Other than that everything else looks good :)

Marked as helpful

0

@becckman

Posted

@dtomicic Thanks for the feedback, will look into that. :)

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