stats preview card component

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

  👾Hello Fuhad Raheem, congratulations for your solution!

  I've a tip for your about the component image, its better you manage this photo importing it inside the html, also for SEO mechanism, using the img by import in the css with background-image doesn't allow your image to be seen.

  So you can add the image inside the html with <img> and apply mix-blend-mode to have the overlay effect with the code below:

  .img-desktop img {
  mix-blend-mode: multiply;
  opacity: 0.8;}
  
  .img-desktop {
      /* background: linear-gradient(rgba(170, 92, 219, 0.55), rgba(170, 92, 219, 0.55)) ,url(images/image-header-desktop.jpg) no-repeat; */
      /* background-size: cover; */
      /* width: 50%; */
      /* object-fit: cover; */
      border-bottom-right-radius: 10px;
      border-top-right-radius: 10px;
  }
  

  Hope it helps.

  02

  Marked as helpful