Stats preview card component

Community feedback

• 

  Fer•3,970

  @fernandolapazPosted over 1 year 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,

  Marked as helpful

  0

  ---

  

  Younes Adjoudj•240

  @younesadjoudjPosted over 1 year ago

  @fernandolapaz Thank you very much. I completely forgot the <ul> element. I will try to use the mobile first approach on the next challenge.

  1