Stats preview card component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello @berksideDEV, Congratulations on completing this challenge!

  I’ve few suggestions for you that you can consider adding to your code:

  1.Instead of using a long code for the IMAGE OVERLAY. You can do it using a shortcut with a few lines of code mix-blend-mode, that in my opinion is a better way and makes the color tone really close to the challenge design. All you need is the div under the image with this background-color: hsl(277, 64%, 61%); and apply mix-blend-mode: multiply and opacity: 80% on the img or picture selector to activate the overlay blending the image with the color of the div. See the code bellow:

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

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Berkay Gülcüler•260

  @berksideDEVPosted about 2 years ago

  @correlucas I didn't know about this feature. Thank you so much Lucas! :)

  1

  

  Gideon•500

  @GiDDeRoPosted about 2 years ago

  @correlucas Thanks Man

  1