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 solution

@rajabmaher

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

Kimo Spark 2,190

@kimodev1990

Posted

  • It's better in the future to avoid giving your design sizes definite values such as your div with class .page width: 1440px, It's better to give percentage values to make your design responsive with viewport dimensions. For example, you could assign class .card width: 50%; as you like it to be, So the width of your card will be 50% in relative to body width. This helps your design to be flexible growing and shrinking.
  • Adding up to the previous point, If you need to assign definite values, you could check on and use clamp ( ) method ( font-size, width, margins, paddings, etc. ) ,so your design sizes will change according to the viewport dimensions and will be suitable for any device layout.

Hope you find this Useful & Helpful.

Other than that, Nice work & keep Going on.

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