Which function constrains the minimum and maximum size of implicitly created rows in CSS Grid?

Which function constrains the minimum and maximum size of implicitly created rows in CSS Grid?

• A. max
• B. clamp
• C. minmax
• D. fit-content

Answer: (C)

Minmax defines a range for a grid track by specifying a minimum and a maximum size. In CSS Grid, implicitly created rows derive their size from grid-auto-rows. Using minmax on that property establishes a lower bound and an upper bound for those rows. For example, grid-auto-rows: minmax(100px, 1fr) makes each implicit row at least 100px tall but allows it to grow up to a fraction of the available space. This explicit range is exactly what constrains the size of those rows. Other options don’t express a true min/max range for grid tracks: max isn’t a track-sizing function by itself, fit-content sizes a track based on its content in a different way, and clamp is a general function not tailored to defining a track’s min/max range.

Minmax defines a range for a grid track by specifying a minimum and a maximum size. In CSS Grid, implicitly created rows derive their size from grid-auto-rows. Using minmax on that property establishes a lower bound and an upper bound for those rows. For example, grid-auto-rows: minmax(100px, 1fr) makes each implicit row at least 100px tall but allows it to grow up to a fraction of the available space. This explicit range is exactly what constrains the size of those rows. Other options don’t express a true min/max range for grid tracks: max isn’t a track-sizing function by itself, fit-content sizes a track based on its content in a different way, and clamp is a general function not tailored to defining a track’s min/max range.