Responsive Stats Preview Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Davina Leong, congratulations for your new solution!

  The font-size for the stats section is too big instead of that try font-size: 24px

  Also, you can manage the component image inserting the tag <picture> to wrap both desktop and mobile images together in the same tag, and render each image depending of the device by the settings for the width you'll insert in the html

  To add the exact same purple overlay effect for the image, you can usemix-blend-mode. See the code below

  img {
  mix-blend-mode: multiply;
  opacity: 0.8;}
  

  👋 I hope this helps you and happy coding!

  0