Skip to content
Submitted over 3 years ago

Stats preview component using flexbox

Manuel•10
@MFernandez93
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 tried to solve this challenge without using any external libraries, so I decided to go with vanilla CSS, and I used Flexbox for the layout. For some obscure reason, I can't seem to apply a border radius to the card. I'll keep looking into it, but I wouldn't mind if someone spoiled the solution haha.

Community feedback

  • Rishabh Sharma•10
    @rishabh0540Posted over 3 years ago

    Hello Manuel, i tried running your code on my device and i am not able to view the mobile version of the website, as the max width set in media tag in your code is just 376px. i suggest changing it to at least 500px.

    0
    Manuel•10
    @MFernandez93Posted over 3 years ago

    @rishabh0540 Oops! Sorry about that one. The challenge stated that the layout was created using a 1440px wide viewport, and 376px wide for mobile, so I stuck to those measures. Already updated the media query. Thank you for your feedback!

    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