@AdrianoEscarabote
Posted
Hi J J Williams, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:
To get closer to the photo overlay effect, you'd better use mix-blend mode. All you need is the div under the image with this background-color: hsl(277, 64%, 61%);
position mix-blend-mode: multiply;
and opacity: 80%; on the image or apply the image to activate the overlay by blending the image with the div's color. See the code below:
img {
mix-blend mode: multiply;
opacity: 80%;
}
You can read this content which explains these effects with mix-blend-mode: click here
Add padding to the body, so that the content in lower resolutions doesn't hit the edge of the screen!
The rest is great!
I hope it helps... π