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

Stats texts don't look as it is on the picture

@bilguun1130

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


Stats texts don't look as it is on the picture and I don't know why. Also, scaling of the picture took a lot of effort. It was not scaling with the container when scaled down or up. It was increasing its size or decreasing and leaving a lot of spaces in the container. But it was fixed and I really don't know why lol. Maybe because I put the width of the picture 50% and texts 50% too, so I thought they will each take the half of the container. Also, making it responsive was challenging. I learned to use flex-direction: column-reverse property to switch sides of the content. Anyway, this one was by far took the most time to kinda solve.

Community feedback

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