stats card preview

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello @QgQ220903, congratulations for your new solution!

  🎉 Nice solution and nice code! I can see that you paid a lot of attention to your code/design. If you don’t mind I’ve some tips for you:

  1.This grid can be better done with grid-template-column: 1f 1fr and max-width: 1110px.

  .card {
      max-width: 1110px;
      display: grid;
      grid-template-columns: 1fr 1fr;
  }
  

  2.Add the same effect of the design for the image overlaying it with purple there's a shortcut that is by using mix-blend-mode with the mode multiply and with an opacity around opacity: 82%. See the code below:

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

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0