@imadbg01
Posted
Greetings Alexander Hergert! Congratulations on completing this challenge! 👏👏👏
You did a great job on this task! I have a suggestion that might make it even better. Have you considered using mix-blend-mode? It's a CSS property that can enhance your design. You can learn more about it on the Mozilla Developer Network website: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode.
Additionally, instead of using a solid background color, you can experiment with gradients. Here's an example of how you could implement it:
.section-image::before {
/* background-color: var(--soft-violet) */
background: linear-gradient(320deg, #ff61f3 0, #b86ffb 100%);
}
.section-image img {
mix-blend-mode: multiply;
}
Feel free to play around with the values and see what works best for you!
Overall, your attempt was really good. Keep up the great work!
Marked as helpful
@alexander-hergert
Posted
Thank you imad for your response. I have read about that but failed in using it :) But with your snippet it seems that I finally get it :) Thank you very much.
@imadbg01
Posted
You're welcome! I'm glad to hear that my response was helpful to you. Programming can be challenging, but with practice and guidance, it becomes easier to understand and use different concepts. If you have any more questions or need further assistance, feel free to ask. Happy coding!
