Design comparison
Solution retrospective
¿que te parece esta solucion? regalame feedback :)
Community feedback
- @correlucasPosted over 2 years ago
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
tomax-width
from the container and also thediv
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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