Skip to content
Submitted over 2 years ago

Stats preview card component made with CSS flexbox

Aldo Adabunu•290
@KwakuAldo
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 want to make this much more beautiful and responsive in portrait mode for mobile phones, but I can't seem to get the size for that right, and the main element won't scroll to show the entire element in portrait mode. Any help on how to get that working, please?

Community feedback

  • Ryan Barnes•250
    @barnesPosted over 2 years ago

    Looks good so far! I had the same issues with the mobile design. I had to put a media query around the body to remove the flexbox centering and 100vh when it went to the mobile layout. Good luck!

    Marked as helpful
    0
    Aldo Adabunu•290
    @KwakuAldoPosted over 2 years ago

    @barnes yeah, i am going to use media queries, I just hate that I have to write more css to get that working well. lol.

    0
  • Naveen Gumaste•10,480
    @NaveenGumastePosted over 2 years ago

    Hello Aldo Adabunu ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • For the img overlay color use a bit dark purple color and the reduce its opacity

    • I have a question why you used article tag?

    happy 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