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

@etiennedesfontaines

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


Hey everybody! 🙃

This is my first Frontend Mentor challenge. I enjoyed the process of building it and learnt a few valuable things along the way!

Thank you for all your feedback and guidance - you guys really made a big difference! 🤩

"Hi ho, hi ho, to the next challenge I go..." 🎶

Happy coding!!

Community feedback

Ahmed Zougari• 270

@zougari47

Posted

Hi there👋,

you did an amazing job, you can improve your design by giving the container max-width, and to make sure the design does not break on the large screen, you can verify that by zooming out (ctrl -)

Happy coding.

0

@etiennedesfontaines

Posted

@zougari47 Hi Ahmed, Please will you elaborate - are you expressing that I should add a max-width property to my article element that has the class of .card? What value do you suggest using as a safety measure?

0
Ahmed Zougari• 270

@zougari47

Posted

@etiennedesfontaines yes the article .card, give it max-width 1000px so in large screen will not stretch, you can see that by yourself, Try to zoom out and will see when the design breaks, I hope you find that useful.

1

@etiennedesfontaines

Posted

@zougari47 - Great, thank you for the constructive feedback Ahmed.

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