Responsive card grid without media queries

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

css beginner #grid#layout#responsive
Abrir en el playground
css-auto-fit-grid.css
.grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}