Responsive page using scss

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have other recommendations regarding your code that I believe will be of great interest to you.

iMAGE BLEND 📸:

• The image is not properly blended with the primary color of this site

• Just quickly resolve it by adding mix-blend-mode property to the image and add the violet color as the background for the image container

• Example:

main .section-img--header {
background: hsl(277, 64%, 61%);
}

main .section-img--header img {
mix-blend-mode: multiply;
opacity: .75;
}

• After these steps you can remove the filter rule from img to make the code more cleaner and reusable!

• Now you got the desired result where the image is perfectly blended with the background violet, and the result will accurately match the design image

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!