Mobile-first solution using Flexbox

Community feedback

• 

  Arshad Ali Kaldane•650

  @IamArshadAli

  Posted over 1 year ago

  Hello there! 👋

  Congratulations on completing your first challenge on Frontend Mentor. 🎉

  As for your question, I suggest the following change:

  • use mix-blend-mode: multiply on .img to get the desired tint

  I hope this resolves your question.

  Good Luck with upcoming Challenges. 👍

  Happy Coding! 🤓

  11

  Marked as helpful
• 

  Paras Sharma•700

  @imparassharma

  Posted over 1 year ago

  add image give it z-index 0....then create a new div same to the size of the image...and give it z-index 1 ...position it absolute so you can put it on the image div.....give background-color property in the new div which is on top of the image div and reduce its opacity by giving property opacity:0.5 ....it should work

  12

  Marked as helpful