stats-preview-card-component-main

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Omar, congratulations for your new solution!

  You've a great solution here, I liked a lots the custom media queries you've created, the one between desktop and mobile is just so good. This is amazing!

  To save space for your cards you can use a media query to make the flow vertical and the icons in different rows and centered:

  @media (max-width: 350px) {
  .grid__cards--card {
      display: flex;
  
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  

  To create a smooth shadow you have to give it less opacity and more blur here’s a good value for this shadow box-shadow: 3px 3px 15px 5px rgb(0 0 0 / 4%);

  Create better box-shadow using this online tool: https://www.cssmatic.com/box-shadow

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  M3gan3_Sama•160

  @M3gan3SamaPosted about 2 years ago

  @correlucas Thanks for your advice mate i had a lot of problem with media query and it took a lot of time to find solution there but i going to do more and more challenges to get better at it.

  1