Lav tre kolonner, hvor den første og sidste optager lige meget plads med 1fr. Den midterste skal være minmax(0, 300px). .box-1 skal begynde på kolonne-linje 1 og slutte på kolonne-linje 4, og .box-2 skal begynde på kolonne-linje 2 og slutte på kolonne-linje 3.
Træk i vinduet med dine bokse (nederst i højre hjørne ) og bemærk, at .box-2 er 300px bred, indtil der ikke er plads nok – derefter følger den containerens bredde (se reference)
Hints
-
grid-template-columns
-
minmax(<min>, <max>)