stats preview card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 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.

  Marked as helpful

  0

  ---

  

  Fuhad Raheem•100

  @FuhadRaheemPosted over 2 years ago

  @correlucas thank you so so much, this is really helpful

  0

  

  Fuhad Raheem•100

  @FuhadRaheemPosted over 2 years ago

  @correlucas Hello bro, Please can you help me look into this project? I don't know what I'm doing wrong. I've tried the code you suggested, but its still not perfect in responsiveness

  0