@media (max-width: 600px) {
  body {
    padding: 12px;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .card {
    border-radius: 18px;
  }

  .meta {
    font-size: 13px;
  }

  .chart-wrap {
    height: 160px;
    max-height: 160px;
  }
}

@media (min-width: 900px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .chart-wrap {
    height: 220px;
    max-height: 220px;
  }
}

@media (min-width: 1400px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .chart-wrap {
    height: 240px;
    max-height: 240px;
  }
}