Skip to content
Submitted almost 4 years ago

Stats Preview Card - Grid & Flexbox

Rafal•1,395
@grizhlieCodes
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Howdy gang,

As a rule I avoid pixel-perfection and tend not to use heights to keep everything as responsive and scalable as possible.

Another example of a basic component coded in the most responsive fashion I currently understand. If you look through the code and find any improvements that pop to mind immediately please share!

I don't think that I used 'height' for anything in this project to keep it responsive. Whilst not going for pixel-perfection I got pretty close. Think the height of the entire component in desktop is 5pixels short, I left it as such 😁.

Cheers,

Rafal

Code

Please log in to post a comment

Log in

Community feedback

  • Smita•375
    @Smita-14

    I don't know what you're talking about but this seems pixel perfect to me. That is an outstanding piece of work! One thing you might wanna look into is that the site cuts off from top and bottom on some mobile screen sizes.

    Marked as helpful

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