Finally got the color over the image thanks for all the help

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello Mauger, Congratulations on completing this challenge!

  🎨 Here are some tips to improve your component design:

  Instead of using this code:

  .imgover {
      content: "";
      background-color: hsla(277, 95%, 46%, 0.5);
      position: absolute;
      height: 300px;
      width: 375px;
      top: 50;
      left: 50;
      z-index: 2;
      border-radius: 0 5px 5px 0;
  }
  

  You can use this code shortcut to reach the same color of the challenge. First add to the div containing the background-color: hsl(277, 64%, 61%);, then use mix-blend-mode to make the color blend between the image and the background-color of the container. See the steps below to apply to the img or picture selector:

  img {
  mix-blend-mode: multiply;
  Opacity
  
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0