Design comparison
SolutionDesign
Solution retrospective
I am not really sure abou the colour of the picture. I put opacity: 0.5 first on the picture so it became darker becasue of the card color which was dark blue and then I added an overlay with a div and I made the background color of that div to the soft violet color which was in the style guide. But I feel like the color is still not right. When I only put opacity on the overlay it was too light. But in my opinion it is still not dark enough. I am actually curious how everyone else did it.
Community feedback
- @maym42Posted about 3 years ago
background-image: url("../images/image-header-mobile.jpg");
background-color: var(--Soft_violet); background-blend-mode: multiply;
Marked as helpful1
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