Responsive One-Line Grid

Here’s the CSS code to create a flexible and responsive grid layout. It works well every screen size.

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

Preview