Skip to content
Submitted over 3 years ago

Responsive card using Flexbox - stats preview card component

Varra Raja Mohan Reddy•20
@rajavarra
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

My first frontend mentor challenge. Please review my solution and give feedback on following... 1.Responsive development by using Flexbox (especially for this card at break point 769 px - 992 px). 2.Scaling font sizing for different devices. 3.Tips on handling images. (on keeping quality of image across devices ). 4. Any honest feedback on improving code or methods that i followed. Thank You!

Community feedback

  • Veronika Palto•305
    @JepardMayPosted over 3 years ago

    Hello. Your solution looking very good! There're a few suggestions:

    • The image doesn't look good on width around 1100px and 800px https://gyazo.com/2573162634742bfbc02ee5be52f40d8b. To avoid it you can use object-fit: cover instead of fill.
    • On width around 800px these elements https://gyazo.com/6e8899ead82faab8795bde9232b57dec are too close to each other (margin or padding will help)
    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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