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

@kwakner

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


Quite a struggle with making the image responsive for desktop view and my main-container mess up when getting to desktop view.

Please share your views.

Community feedback

P

@amyspencerproject

Posted

Hi Amenyo,

This was a tough challenge for me as well! Good job getting thru it!!

I have two suggestions. First, use a height of 100% to stretch the image to cover the card div in the desktop view. Second, try using "mix-blend-mode: multiply" on the image and then play with the opacity. This will sharpen up the image and make it pop!

Happy Coding 😊 Amy

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