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

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

.container {
  display: grid;
  // grid-template-columns: repeat(1, 1fr);
}

.container {
  background-color: #eee;
  gap: 1rem;
}

.item {
  background-color: #aaa;
  height: 300px;
  border: 1px solid #888;
}