@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
@Martincillo94
Posted
@correlucas thank you for feedback me..