स्निपेट लाइब्रेरी

Responsive card grid without media queries

Cards wrap to as many columns as fit, with a sensible minimum width.

.grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}