Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
min witdh maybe
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?mexico on top
Community feedback
- @ClipzoramaPosted 2 months ago
If you want to get a the --soft-violet color overlay with the black and white picture, try putting the image inside of a div container and use the pseudo element ::after.
You wouldn't want to put content in here but what you can do is make this property fit the entire div container and then use mix-blend-mode, background-color and opacity. Doing this should turn the picture purple.
For next time, try to use a higher % relative unit for the div that holds all content because your design is more square-shaped when it should be a rectangle.
Marked as helpful0
Please log in to post a comment
Log in with GitHub
Join 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