Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stat Preview Card using Flexbox.

Pia 130

@Pia007

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Open to any suggestions!

Community feedback

Dusan 700

@DEmanderbag

Posted

Hey Pia, great solution. I really love the use of CSS custom properties.

Your solution has an image with the space at the bottom that is there because the image tag is an inline element. To remove it all you need to do is to put a display block on the image or in your class on the class group.

The code looks clean and readable I really don't have anything else to add.

Keep on coding ^^

0

Pia 130

@Pia007

Posted

@DEmanderbag

Thank you for the feedback. I was wondering why that sliver of background persisted. Also, I really love using variables. Thanks! Again!

1
Dusan 700

@DEmanderbag

Posted

@Pia007 You're welcome ^^

0
Pia 130

@Pia007

Posted

@DEmanderbag I made that change at it worked just fine. Thanks again

0

Please log in to post a comment

Log in with GitHub
Discord logo

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