stats-preview-card-component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello To Dat, congratulations for your new solution!

  Another great solution, the component is beautiful! Now you miss two things, to align the content vertically inside the card and the overlay effect.

  To make the container vertically aligned use align-items: center;

  @media (min-width: 1200px)
  .card {
      display: flex;
      flex-direction: row-reverse;
      min-height: 20rem;
      align-items: center;
  }
  

  To add the exact same purple overlay effect for the image, matching the design files you can use, filter or mix-blend-mode . See the code below

  img {
  mix-blend-mode: multiply;
  opacity: 70%;}
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  To Dat•290

  @tltd0807Posted over 2 years ago

  @correlucas hi, thank you very much for your advice, I fixed it but another bug appears 😫😫😫 when the screen size is about 1200px (just a little bit) the img doesn't fit the container (where I set the background color for img mix-blend-mode) What can I do for that or the keyword for it? Thank you once a again

  0