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

@Anoop-Rajoriya

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

osenprema 170

@osenprema

Posted

Hello. I'm seeing your solutions to the challenges, you are a Crack. I'm stuck with responsive design, specifically using @media. What advice can you give me, based on your experience? Is it really necessary to try to cover all the possibilities in width variations or should I focus only on certain combinations that cover most devices? I'm a little obsessive, to be honest, and it frustrates me a little to see that my designs are out of order just by trying it on a different device :/.

0

@Anoop-Rajoriya

Posted

@osenprema

  • i also face this situation when i started. i advice you to you must going to mobile first approach.
  • you firstly create any component for mobile size devices.
  • then moving to do responsive, because after this more easy to create a responsive for desktop devices.
  • for font you can use vw unit with media queryies.
  • if you need any help for any error in web frontend you can contect me ([email protected])
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