Preview-card-for-website

Community feedback

• 

  Andro87•1,460

  @Andro87Posted almost 2 years ago

  Hello NIKHILKUSHWAHA9877!

  Great job in completing this challenge!

  To solve your issue you can:

  -set a background-color: hsl(277, 64%, 61%) on the parent element ;

  -use the mix-blend-mode: multiply property and an opacity of 0.5-0.7 on the child element;

  In your case it should be something like this:

  .img {
      display: flex;
      background-color:hsl(277, 64%, 61%);
  }
  .img  img {
          width: 100%;
          height: 100%;
          opacity: 0.7;
          mix-blend-mode: multiply;
  }
  

  Happy coding!!!

  Marked as helpful

  0