CSS GRID: auto-fit and auto-fill — 12 of 25

[MaksymMinenko]

It really comes to this:
auto-fill — "prefer the minimum" (of the minmax),
auto-fit — "prefer the maximum" (of the minmax).

[ITSKRIMO]

honestly, you are my favorite web dev youtuber.

[artihlec]

"auto-fill FILLS the row with as many columns as it can fit. So it creates implicit columns whenever a new column can fit, because it’s trying to FILL the row with as many columns as it can. The newly added columns can and may be empty, but they will still occupy a designated space in the row.

auto-fit FITS the CURRENTLY AVAILABLE columns into the space by expanding them so that they take up any available space. The browser does that after FILLING that extra space with extra columns (as with auto-fill ) and then collapsing the empty ones."
-Sarah

[UserProxy]

3:23 Yo Wes, according to MDN empty repeated tracks are collapsed as default behaviour, an empty track is one with no in-flow grid items placed into or spanning across it. The definition on auto-fit goes on to read: "A collapsed track is treated as having a fixed track sizing function of 0px, and the gutters on either side of it collapse." Src: repeat() - CSS: Cascading Style Sheets | MDN

[Xardas_]

It's no longer over my head thanks to you.

[sharhanalhassan]

You try one, and if it's not it then try the other one and that is it

[bklock]

What's this HTML authoring tool called?

[wbalandin]

"(...) well you try one and if it's not what you want it's probably the other one" :D

[NeelSandellISAWESOME]

Why did you use a custom variable for the color yellow

[peristiloperis]

What do you do about IE 11? Grid doesn't work in IE11!

[leakyabstraction]

This metal intro and outro is actually pretty annoying