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

Main component of statistics visualization card using CSS grid layout.

@AntonielAureliano

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


Greetings community! In solving this challenge I had difficulty, mainly, in placing a filter using css on the image to get that lilac color. I tried to use the filter property, but I was unsuccessful. To resolve this impasse, I adjusted the parent component of the image to be the same size, set the background-color to the required color and set opacity to the image. I would like you to help me with the problem described and also with other possible improvements. Thank you very much in advance. 🖖😁

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