CSS Card Layout with Subgrid Snippet

style.css

.main-grid {
  display: grid;
  grid-auto-flow: dense;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  grid-auto-rows: 120px auto auto auto;
  container-type: inline-size;
}

.card {
  display: grid;
  grid-gap: 1rem;
  border: 1px solid grey;
  padding: 1rem;
  border-radius: 10px;
  grid-row: span 4;
  grid-template-rows: subgrid;
  overflow: hidden;
}