Design comparison
SolutionDesign
Community feedback
- @correlucasPosted over 2 years ago
๐พHello Amaar, congratulations for your solution!
Your component is perfect, but you need to fix two things, one is the image that's not scaling properly so you need to fix it and the other is the image color that you need
mix-blend-mode
to have the same challenge color. See the fixes below:.card-picture img { display: block; max-width: 100%; height: 100%; border-radius: 0 10px 10px 0; }
img { mix-blend-mode: multiply; opacity: 0.8;}
Hope it helps and happy coding!
Marked as helpful0@amaar09Posted over 2 years ago@correlucas thanks for "mix-blend-mode: multiply;" it's really a game changer
0
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