Как, используя CSS Grid, расположить элементы в колонки, но чтобы их ширина была как при использовании flexbox?

Question

[Иван Гришов]

Здравствуйте.

Подскажите пожалуйста, как используя CSS Grid расположить элементы в колонки, но чтобы они подстраивались под минимальный контент, как при использовании flexbox.

Я привел два примера. Мне нужно, чтобы второй пример совпадал с первым. Число элементов в контейнере может изменяться.

Спасибо за ответ.

Comments

[Сергей delphinpro]

Если вас устраивает поведение флексов – используйте флексы. Незачем создавать проблему, а потом героически пытаться ее решить.

[Иван Гришов]

Сергей delphinpro, я все чаще стал использовать гриды, хочу полностью перейти на них. С такой ситуаций сталкивался уже несколько раз, вроде задача простая на первый взгляд, но не знаю как решить ее с помощью гридов. Возможно, кто-то знает, поэтому спросил.

[Сергей delphinpro]

Иван Гришов,

хочу полностью перейти на них

гриды – это не замена флексам. Вовсе необязательно "переходить" на гриды

[Иван Гришов]

Сергей delphinpro, подумаю над этим, спасибо за комментарий.

[FrelFrloich]

Напишите элементам в грида. width: max-content;

[FrelFrloich]

Или justify-items: left;

[Иван Гришов]

FrelFrloich, спасибо за помощь, но Ваш способ не работает