Skip to content
Submitted almost 3 years ago

Stats-preview-card

dps99•40
@diegop985
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

For this challenge I really got into the responsive design world, it was hard to get it working and might be better, I'll keep practicing to get it right.

Leave a comment if you wanna provide feedback! Thanks!

Community feedback

  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Hi! Buddy, Well done! you did it and you tried you best and also learnt alot.

    Your desktop design is ok. Even you make it responsive but in media query you have not gave top margin which result your whole layout is out of viewport.

    Fix your media query.

    Good Luck For Next Challenge

    Marked as helpful
    1
    dps99•40
    @diegop985Posted almost 3 years ago

    @skyv26 Hey Aakash thank you so, so much for your feedback, it was indeed very helpful for me, I didn't noticed the margins were collapsing. The margins collapsing is a whole thing but I managed to fix it using display: flow-root;.

    Thanks!

    1
    Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    @diegop985 your welcome my friend 🤗

    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