Stats preview card component

Community feedback

• 

  _nehal💎•6,710

  @NehalSahu8055Posted about 1 year ago

  Hello Coder 👋.

  Congratulations on successfully completing the challenge! 🎉

  Few suggestions regarding design

  • For Image use
  • HTML

  <picture class="main__picture-header">
        <source media="(min-width: 600px)" srcset="./images/desktop-header.webp">
        <img src="./images/mobile-header.webp" alt="give a proper alt" class="main__header-image" width="540" height="446">
      </picture>
  

  • CSS

  .main__picture-header {
      background: var(--soft-violet);
  }
  
  .main__header-image {
      mix-blend-mode: multiply;
      opacity: .75;
      object-fit: cover;
  }
  

  I hope you find this helpful.

  Happy coding😄

  Marked as helpful

  0