The minimum content size in CSS grid

Examples

Use minmax() function

.wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 248px;
  grid-gap: 40px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(10px, 1fr));
}