Prototype solution to stats preview card

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hi Niklaus, congrats on completing this challenge!

  I've just opened your live site and I can say that you did a great job putting everything together! There's some tips to improve your solution:

  If you want to add the same effect of the design for the image overlaying it with purple there's a shortcut that is by using mix-blend-mode with the mode multiply and with an opacity around opacity: 82%. See the code below:

  img {
  mix-blend-mode: multiply;
  opacity: 82%;}
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  1
• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @NiklausRupail,

  Nice job on your first attempt of the challenge

  You can add the following .

  .photo-desktop, .photo-mobile {
      position: relative;
  }
  

  and then remove the top and left on the .img-cover and set the width and height to 100% that way it work on mobile and desktop with no additional code.

  1