Design comparison
Solution retrospective
please any one can tell me why my image background color not changing ? your guidance will help me a lot. thank you also should i learn bootstrap now? i have learnt only html and css
Community feedback
- @NaetharuCodesPosted about 3 years ago
There are three ways I found that I could change the image colour:
1: Create a 2nd div and overlay it atop the image. Then make it semi-transparent and color it to match.
2: Make the image itself semi-transparent and then color the background of the container.
3: use the "filter()" options in css for the image and then rotate the hue to around 240deg to get that pink/purple color.
0 - @reydelshitPosted about 3 years ago
In my case I use 'mix-blend-mode: soft-light;' to the image then I added the color to the father div so set it as a background
0 - @pandeyrochakPosted about 3 years ago
You can add background color on your image container. And add opacity to your image. Once you're confident with fundamentals of CSS and able to make layouts, you can move to bootstrap.
0@adityaauchihaPosted about 3 years ago@pandeyrochak how to submit new solution again ? if i preview my site it is showing my new changes.
0@pandeyrochakPosted about 3 years ago@adityaauchiha I don't if that's possible. Let me know if you find a way ;)
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