Responsive stats preview using Grid

Community feedback

• 

  Adriano•42,780

  @AdrianoEscarabotePosted 4 months ago

  Hi Code-x-goal, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:

  To get closer to the photo overlay effect, you'd better use mix-blend-mode. All you need is the div under the image with this background color: hsl(277, 64%, 61%); and position mix-blend-mode: multiply and opacity: 80% on the image or apply image to activate the overlay by blending the image with the div's color. See the code below:

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

  The rest is fantastic.

  Hopefully, you'll find it helpful. 👍

  Marked as helpful

  0