Skip to content
Submitted over 2 years ago

Responsive Stats Preview Card using SCSS (CSS Flexbox)

Rowen•60
@RowenTey
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

Used previous knowledge on the NFT project for the overlay effect! Feel free to leave any feedback, cheers 🥂

Community feedback

  • Roberto Yukio Miyamoto Arita•320
    @RyukioMiyamotoPosted over 2 years ago

    Good job Rowen, I would just suggest adding "object-fit: cover" to the <img>, to avoid deforming it. Also, in the mobile you forgot to adjust the individual border-radius, so it's not matching the design. My suggestion is to add a border-radius to the container itself rather than the img.

    1
    Rowen•60
    @RowenTeyPosted over 2 years ago

    @RyukioMiyamoto Oh ya my bad 😅 Thank you so much for spotting the mistake and for the useful suggestion! Cheers 🥂

    1

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