Design comparison
SolutionDesign
Solution retrospective
Any feedback would be welcome, I'd like to know if I use best practices in my work. Thank you in advance! 😊
Community feedback
- @hitmorecodePosted over 1 year ago
Congratulations well done, looks good. For the overlay you can add
mix-blend-mode: multiply;
to mix the image and the overlay..image::after { content: ''; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; mix-blend-mode: multiply; /* add this line */ background-color: var(--clr-image-violet); opacity: 0.8; }
And if you lower the breakpoint you'll have a better transition from desktop to mobile
Marked as helpful0@UnkookerinhoPosted over 1 year ago@hitmorecode Didn't know about mix-blend-mode, thanks!
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