Skip to content
Submitted over 2 years ago

Responsive Stats Preview Card Component

riverCodes•300
@riverCodes
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

First time attempting a mobile-first workflow. Any feedback is appreciated, especially regarding the responsiveness of the page! Thanks.

P.S. I know the design looks a bit off from the original, and I was wondering if that's only because of me not having access to the exact measurements and sizes, or am I actually doing something wrong?

Community feedback

  • Pablo Montoya Varela•300
    @PaliTriesToDesignPosted over 2 years ago

    Hello!

    Actually I think it looks pretty good. Congrats.

    On your .image-container media query you can reduce border-top-left-radius: 0; border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; to border-radius: 0 1rem 1rem 0;

    Marked as helpful
    3
    riverCodes•300
    @riverCodesPosted over 2 years ago

    @PaliTriesToDesign Hey thanks! I didn't know about this shorthand property :D

    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