В чем разница между 1fr и auto?

Question

[Сергей Ракипов]

Имеется виду в grid и когда что использовать

Comments

[Lord_Dantes]

По сути, 1fr это вроде 1 колонка из доступных, а auto это автоматически расширить.

Answer 1

[Изобретатель Дикпиков]

auto занимает ширину исходя из своего контента.
fr — исходя из оставшегося места

Answer 2

[WapSter]

auto доступная ширина, 1fr ограниченная. Если в раскладке есть три колонки и две из них жёстко заданы при помощи px, а третья при помощи 1fr, то разницы между auto не будет.