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

Componente de estadisticas

@Martincillo94

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


¿que te parece esta solucion? regalame feedback :)

Community feedback

Lucas 👾 104,440

@correlucas

Posted

Hola Martincillo, congratulations for your challenge solution!

I saw your live site and everything seems fine, I've some tips for you, maybe you can switch the width to max-width from the container and also the div to improve the responsiveness of the card. The way set the container properties, make this element behave as a fixed value for width and is changing only because you set a media query.

To have a better color match with the <picture> you can use mix-blend-mode to play with the colors mixing the image and the background, in this case the proper way to achieve the purple color in the image is:

picture {mix-blend-mode: multiply; opacity: 0.80;}

There are other kind of blend modes and you can check them here: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

Espero que mi comentario te ayude!

Marked as helpful

0

@Martincillo94

Posted

@correlucas thank you for feedback me..

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