Submitted over 2 years ago

Stats Preview Page with the technique of limitless patience

Gareth• 410

@Gareth-Moore

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Stats preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello fellow front enders!

This project was a bit tedious at the end but the beginning was quite fun. I fine tuned the project with Pixel Perfect Pro (free Firefox extension to overlay the preview image over your site for to-the-pixel fine tuning)

I have a detailed, and hopefully not verbose, README you may want to read. Otherwise any helpful advice, tips and tricks would be much appreciated!

Thanks a ton! Gareth

Community feedback

Ayush Nath• 360

@Beats-Ayush

Posted over 2 years ago

That's actually a very good extension. Thank you for sharing.

I just found a slight error which you may want to rectify. It's not significant but still caught my eye.In the mobile layout the border-radius is not being applied to the top-left and top-right corners of your main card. You can enforce that using overflow: hidden. Hope this helps.

Marked as helpful

Gareth• 410

@Gareth-Moore

Posted over 2 years ago

@Beats-Ayush thank you! Haha it's always nice when you get a solution for a problem you never knew you had.

Thank you kindly :) Gareth

Please log in to post a comment

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