В чем разница между auto-fit и auto-fill в repeat()?

Разница между auto-fit и auto-fill в функции repeat() заключается в поведении, когда недостаточно элементов, чтобы заполнить сетку по указанным условиям. bureau.ru

Auto-fill создаёт максимальное количество колонок, включая пустые. bureau.ru Это свойство предпочитает использовать минимальную ширину для ячейки, даже если есть свободное место. webcademy.ru Когда колонки достигают своей максимальной ширины, они переходят на новый ряд, оставляя справа пустое пространство. myrusakov.ru

Auto-fit, в свою очередь, растягивает колонки, схлопывая пустые. bureau.ru Ячейки заполнят всю ширину браузера, насколько хватает ячеек, не оставляя пустого пространства сбоку. myrusakov.ru

Таким образом, auto-fill подходит для ситуаций, когда важно поместить в строку как можно больше ячеек, а auto-fit — для случаев, когда нужно занять всё доступное пространство в строке и подстроить ширину ячеек под это пространство. webcademy.ru