התחילו פרויקט

Responsive card grid without media queries

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

css beginner #grid #layout #responsive

פתיחה במגרש המשחקים

css-auto-fit-grid.css

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