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

Responsive Stats Preview Card Component

@AvoscanEmile

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


I'm revisiting my projects to make them simpler. This one is the first project I made using CSS Grid. Grid its useful for the weird combination of needing a square on top of an image that adapts to the size of the image. On the other parts of the layour I used CSS flexbox (Since I believe it's way simpler to use). I always use CSS variables since they improve readability a lot and make maintaining CSS code way simpler.

Community feedback

@jvssvj

Posted

It turned out very good

1

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