Responsive CSS Grid

CSS

.smol-css-grid {
  --min: 15ch;
  --gap: 1rem;
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: repeat(
    auto-fit, 
    minmax(
      min(100%, var(--min)), 1fr
    )
  );
}

Add salt before you fry the egg. Be sure to set the lamp firmly in the hole.

Bring your best compass to the third class. Cap the jar with a tight brass cover.

Dip the pail once and let it settle. Draw the chart with heavy black lines.

Fly by night, and you waste little time. Glue the sheet to the dark blue background.

Hoist it up and take it away. Hold the hammer near the end to drive the nail.

min() with 100% prevents overflow in extra narrow spaces

-- end of line --