Design comparison
Solution retrospective
As always tips and feedback welcome
Community feedback
- @correlucasPosted over 2 years ago
Hello Pawel, congratulations for your solution!
Your component is really good done, also the media queries are working fine. There's only a small issue with the overlay effect that's not covering the whole image.
You can fix it with a quick solution, that's importing the image in the html and applying this effect to the img selector
mix-blend-mode:multiply;
this way you make sure the overlay will cover fully the image desktop/mobile.Hope it helps and happy coding!
Marked as helpful1@Spirit-Posted over 2 years ago@correlucas Ah fantastic. Blend mode was what I missed with making overlay without opacity. Much appriciate! I still think colors do not much but it might be because of JPG loss in colors.
Anyways, thank you for the tip!
1
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