одну строку и занимали max-content.
Сейчас я прописываю grid-template-columns: repeat(6, max-content), но элементов может быть 7 или 8, может быть 5 или 4.
Как это заадаптивить?
auto-fit вместо 6
А почему в данном случае не работает? grid-template-columns: repeat(auto-fit, auto) И так тоже не работает: grid-template-columns: repeat(auto-fit, max-content)
возможно, нужно через minmax второе значение указывать
Да, используя minmax - свойство auto-fit работает, но при min-max все элементы одинаковой ширины. А у меня по макету - все элементы зависят от контента и располагаются как бы space-around, при этом занимают половину места по бокам. Такой результат даёт только repeat(число, auto) Проблема только в том, чтобы вместо числа подставлять автоматически количество элементов.
Обсуждают сегодня