Could someone help with providing the violet overlay on images / changing the image between mobile and desktop optimized based on screen size?
Mohsin Miyaji
@mohsin316All comments
- @zitescodySubmitted about 3 years ago@mohsin316Posted about 3 years ago
Hey lewis! to apply the the purple background to the image you need to set the background image of that div to the image provided, then add "background-blend-mode: multiply;" or background-blend-mode: screen; to get the desired effect. also add a text align left to the first 2 paragrahs to get the final result for the desktop design.
Marked as helpful1 - @ganbnuraySubmitted over 3 years ago
Hello everyone. Feedbacks are more than welcome. If there is anything you think should be fixed please let me know:)
@mohsin316Posted over 3 years agorather than giving the .bg-div .img a border radius or top right and top left, put overflow:hidden in your main and it will give the same result and save a few lines of code. great work!
0