В чем разница между auto-fill и auto-fit при создании колонок в CSS grid?

Разница между auto-fill и auto-fit при создании колонок в CSS grid заключается в следующем:

1. auto-fill заполняет строку максимально возможным количеством столбцов. webformyself.com Новые колонки могут быть пусты, но они всё равно будут занимать отведённое им место в строке. webformyself.com
2. auto-fit подгоняет текущее количество колонок под доступное пространство, расширяя их так, чтобы они заняли всё доступное пространство. webformyself.com Браузер делает это после заполнения доступного пространства новыми колонками (как и auto-fill), после чего сжимает пустые столбцы. webformyself.com

Таким образом, auto-fill позволяет пустым колонкам занимать место в строке наравне со своими непустыми соседями, а auto-fit сжимает пустые колонки и отдаёт больше места под заполненные. webformyself.com doka.guide