Stats preview card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hello John Lois! Congratulations for your solution.

  For the image background, you reach the exact same color as the figma file using blend modes.

  I applied on my solution this following properties inside the div with the image, in my case the image was inside a div called hero-image :

  .hero-img img { mix-blend-mode: multiply; opacity: 0.8; }

  Learn more about mix-blend-mode here: https://css-tricks.com/basics-css-blend-modes/

  You can check my solution here: https://www.frontendmentor.io/solutions/stats-preview-card-comp-pure-css-custom-colors-and-gradient-text-I2kqEpQIPj

  I hope it help you!

  Marked as helpful

  0
• 

  LrnceDev•40

  @lrncedevPosted over 2 years ago

  I used the 'background' property first, instead of the <img> tag tp put the image in a container. Then along with the URL, i used linear gradient that accepts values.

  0