Stats preview card component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Sithum, congratulations for your new solution!

  Here's some tips to improve your solution:

  To make the component mobile version you need to add flex-direction: column-reverse see the media query I did for you:

  @media (max-width: 800px) {
  .card-container {
      display: flex;
       flex-direction: column-reverse;
  }
  }
  

  To add the exact same purple overlay effect for the image, use mix-blend-mode . See the code below

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

  👋 I hope this helps you and happy coding!

  0