Skip to content
Submitted over 3 years ago

html,scss

mohamed•620
@mohamed7799
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

Hi, i would like your feedback about how close is my work to the original design and on how my scss code is written. thanks.

Community feedback

  • Yemisrach•1,430
    @Yemisrach15Posted over 3 years ago

    Hi Mohamed!

    Looks pretty close. I wouldn't worry about being pixel perfect as long as the site's responsive and accessible. However the image gets squished on viewport width > 650px. Adding object-fit: cover should solve it.

    Happy coding!

    Marked as helpful
    2
    mohamed•620
    @mohamed7799Posted over 3 years ago

    @Yemisrach15 thanks a lot for your feedback

    0
  • Alex G•315
    @AlexGDevProPosted over 3 years ago

    Hello Mohamed

    I just add one things to your feedback.

    Over 1600px the space between stats and description is too big and continue to grow.

    You could add a max-width ot prevent this problem.

    Have a nice day and keep coding :)

    0

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