Skip to content
Submitted over 2 years ago

Stats Preview Page with the technique of limitless patience

Gareth•410
@Gareth-Moore
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

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-AyushPosted 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
    1
    Gareth•410
    @Gareth-MoorePosted 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

    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