Перехожу на использование flexbox в сетке, пересмотрел разные описания для работы с flexbox, какие css свойства за что отвечают и т.п. Так же просмотрел несколько вариантов реализации сеток через flexbox в разных популярных css-фреймворках. Для примера взял сетку в
ZURB Foundation for Apps и сетку во второй версии
Semantic UI. Интересует такой момент, в Foundation ширина колонок сетки задается через два параметра (flex-basis и max-width), а в Semantic UI только через width. Насколько я понимаю, способ задать ширину колонок как в Foundation позволяет ужимать колонки в определенных случаях при использование flex-shrink, а в Semantic UI так не получится, т.к. ширина задана жестко. Про возможность расширения ячейки через flex-grow я не рассматриваю, т.к. задается max-width и растянуть больше него не получится.
Это пока единственное отличие что я нашел. Чем отличаются ещё два эти способа задать ширину для колонок flexbox сетки и какой из них более правильный?
Простой
