Design comparison
Solution retrospective
Feedback is welcome
Community feedback
- @Call4juliusPosted 11 months ago
Observations:
There are two images provided for this project. One for the desktop and the other for the mobile viewport.
You could easily switch between the two images using media query or
picture
andsrcset
combination.Also the
background-color
applied on the image is a bit off because you just simply reduced theopacity
of thebackground-color
. To fix that you can blend the color of thebackground
into theimg
color usingbackground-blend-mode: multiply
.Hope this helps.
Marked as helpful2@NrotsaPosted 11 months ago@Call4julius I know about this, I just need to check how exactly it can be done. But I didn't know about this: background-blend-mode: multiply. Which is very helpful. Thank you
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