Stats preview card

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted 5 days ago

  Congratulations well done. Just a few things you can fix

  • There should be no white space around the image. You can fix this by removing height and padding.

  .card {
    width: 100%;
    /* height: 583px; */ // remove this line
    background: var(--dark_desaturated_blue);
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 66px; */ // remove this line
    border-radius: 12px;
  }
  

  • This is causing a conflict

  
  .left_area {
    width: 40%;
    height: 100%;
    padding: 0 10px 0 10px; // this line and the last one are the same remove one of them.
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px 0 10px; //
  }
  

  • When you have something like this padding: 0 10px 0 10px;, you can also write it like this padding: 0 10px;. The first value is for top and bottom and the second is for left and right.

  I hope you find this helpful. Keep it up 👍👌

  Marked as helpful

  0