Stats preview card component

Community feedback

• 

  Fer•3,970

  @fernandolapaz

  Posted almost 2 years ago

  Hi 👋🏻, some of this may interest you for future projects:

  • To group a set of related items, like the stats in this case, you could use an unordered list <ul>.

  • It might be good to get used to designing with the mobile-first approach (which means designing for mobile first and then for desktop or any other device) as it is widely considered best practice.

  • As an alternative to color the image you could simply use the mix-blend-mode property:

  .image {
      background-color: var(--clr-primary-soft-violet);
  }
  .image img {
      mix-blend-mode: multiply;
      opacity: 0.75;
  }
  

  I hope it’s useful : )

  Regards,

  01

  Marked as helpful