Skip to content
Submitted almost 3 years ago

Stats preview Responsive with Flexbox and CSS Grid

Kenny•40
@PomPoko-lab
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

I can feel my HTML and CSS improving. Any tips and advice are always welcome!

Thanks for your interest.

Community feedback

  • Marie Pascale Brunelle•230
    @mpbrunellePosted almost 3 years ago

    @PomPoko-lab

    You did a great job reproducing the two layouts. However, to make your layout adapt to the viewport width, you might want to look into max-width, widths set in percentages, functions like min(), max(), calc(), clamp().

    Here are some tutorials that might help you: https://courses.kevinpowell.co/view/courses/conquering-responsive-layouts

    Marked as helpful
    1
  • Naveen Gumaste•10,480
    @NaveenGumastePosted almost 3 years ago

    Hay ! Kenny Good Job on challenge

    1
  • Marie Pascale Brunelle•230
    @mpbrunellePosted almost 3 years ago

    @PomPoko-lab By the way, the tutorials mentioned above are free.

    1
    Kenny•40
    @PomPoko-labPosted almost 3 years ago

    @mpbrunelle Thanks for the tip. I'll look into it!

    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