All comments

• 

  philale•350

  @PhilaleSubmitted about 2 years ago

  I will appreciate any feedback! I like the responsive design in this challenge. However, I would like to know, what the best way is to give a grayscale image a color shade (purple). I solved the problem by wrapping the image in a div with the desired color as the background-color and decreasing the opacity of the image itself. Is there an easier way to do this, or is my solution best practice?

  

  Responsive Design using Flexbox

  2

  30
  

  Kinga•150

  @K-MuzslayPosted about 2 years ago

  Hello :)

  In this challenge, you should use the "mix-blend-mode: " in CSS

  Here you can read about it more: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode.

  Set the background color to the accent color 'hsl(277, 64%, 61%)':

  and use opacity too on the img.

  I hope I could help.

  Marked as helpful

  1
• 

  Syed Baasit•110

  @syedbaasitSubmitted about 2 years ago

  Hey guys. I am still Learning .I couldnt get the color of the image to change .. help me out !

  

  Used GIT And VS code for this project

  2

  30
  

  Kinga•150

  @K-MuzslayPosted about 2 years ago

  I just finished with this challenge and learnt about the "mix-blend-mode: " in CSS

  Here you can read about it more: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode.

  Set the background color to the accent color 'hsl(277, 64%, 61%)':

  and use opacity too on the img.

  I hope I could help.

  0