In CSS Grid, which statement about auto-fill vs auto-fit with minmax is correct?

In CSS Grid, which statement about auto-fill vs auto-fit with minmax is correct?

• A. auto-fill creates as many tracks as fit, leaving empty tracks; auto-fit expands existing tracks to fill space when there are fewer items.
• B. auto-fill collapses empty tracks to zero width, while auto-fit leaves gaps.
• C. They always produce identical layouts.
• D. auto-fill uses fixed-size tracks; auto-fit uses flexible tracks.

Answer: (A)

When you use repeat(auto-fill, minmax(...)) versus repeat(auto-fit, minmax(...)) in CSS Grid, you’re deciding how many columns can be created and what happens to empty ones. auto-fill creates as many tracks as will fit in the container, even if some of those tracks end up empty because there aren’t enough items to fill them. Those empty tracks remain as blank columns. auto-fit also creates as many tracks as fit, but when there aren’t enough items to populate all of them, the empty tracks collapse, and the remaining tracks stretch to fill the available space. In other words, with fewer items, auto-fit eliminates the empty columns and expands the existing columns to use the extra space. So the statement captures the main distinction: auto-fill leaves empty tracks, while auto-fit collapses those empty tracks to fill space with the existing content. Use auto-fill when you want reserved columns even if they’re empty; use auto-fit when you want the grid to compress unused columns and let content fill the space.

When you use repeat(auto-fill, minmax(...)) versus repeat(auto-fit, minmax(...)) in CSS Grid, you’re deciding how many columns can be created and what happens to empty ones. auto-fill creates as many tracks as will fit in the container, even if some of those tracks end up empty because there aren’t enough items to fill them. Those empty tracks remain as blank columns.

auto-fit also creates as many tracks as fit, but when there aren’t enough items to populate all of them, the empty tracks collapse, and the remaining tracks stretch to fill the available space. In other words, with fewer items, auto-fit eliminates the empty columns and expands the existing columns to use the extra space.

So the statement captures the main distinction: auto-fill leaves empty tracks, while auto-fit collapses those empty tracks to fill space with the existing content. Use auto-fill when you want reserved columns even if they’re empty; use auto-fit when you want the grid to compress unused columns and let content fill the space.