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
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Simple html/css page. Multilayered

@IzzyDoes

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


having a hard time knowing when to use either min-width or max-width for media queries

Community feedback

Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge. Keep up the good work.

Your solution looks great however I think your card needs to be scaled up a bit using transform: scale().

I hope this helps

Cheers Happy coding šŸ‘

Marked as helpful

0

Sridarshanā€¢ 60

@sridarshan-webjava

Posted

Amazing work and congratulations for completing the challenge!

Using min-width or max-width for media queries depends on how you approach the solution. If you go for a mobile-first approach then you might probably use min-width. Else you might use max-width.

Also in your solution, the container seems to be overflowing in small screen sizes. Do ensure that the container is responsive in smaller screen sizes as well

Happy coding!

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