Code Quiz

Responsive Grid With minmax()

A responsive auto-fit grid fails to render columns because of an invalid minmax() argument.

Codecss

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1fr, 200px));
  gap: 1rem;
}

.card {
  padding: 1rem;
  background: #f4f4f4;
}

The grid renders as a single column instead of wrapping responsive tracks. What is the bug?

Next →Grid fr Units and Track Overflow