Skip to content
Submitted over 2 years ago

Stat Preview Card Component with some Flexbox and content properties

Adenike Adeyemi•40
@nikea1
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

Were we supposed to use both images provided? I tried using the content property in CSS to swap the two pictures depending on the display size and it seems to work.

Also, I could not figure out how to color the picture properly. I got the color I think but how do you make it look brighter?

Community feedback

  • Hikmah•1,070
    @HikmahxPosted over 2 years ago

    Hi Adenike. Concerning the images provided, one is for the mobile view and the other is for desktop.
    There are a few pieces of advice I have for your project: In the tablet view, there isn't any spacing, I think you should add padding: 0 2rem; to the wrapper class. In the card, add width: 100%; max-width: 1110px; to prevent the card from overflowing and to make it centered.

    Other than that, I think you did a wonderful job on this project.

    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