Responsive stats preview card component

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted almost 2 years ago

  Hi, Daniel!

  I have some suggestions to improve this solution.

  • There are two versions of the header image. So, specify the other version with <source> element.
  • Alternative text for images should not include any words that are related to the word "image". The semantic meaning of the <img> element tells assistive technologies to pronounce it as an image.
  • The image is a decorative image. So, leave the alternative text empty (alt="").
  • For your information, decorative images are images that don't add any information and serve only aesthetic purposes.
  • Use a list element for the statistic. The content should be rendered as three list items.
  • The number of each statistic should not be a heading element. The content below it is too small.

  I hope you find this useful. Happy new year!

  1