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

@kylekasprzyk

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


Hello 👋,

This is my solution for the stats preview card component challenge. 👨‍💻

I'm looking for help with the responsiveness of the container and images. I used @media screen and (min-width: 900px) because the image is too distorted between 620px and 900px. Should I have multiple media queries because of the excess space between 620px and 900px? Or should I take a completely different approach?

Last week in the FEM newsletter, Matt posted a link to The Guide To Responsive Design In 2023 and Beyond. After looking at this, I'm unsure about what to focus on first as a beginner with CSS.

Thank you for taking the time to view my solution, and for any feedback provided!

Community feedback

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