Какие отличия при задания ширины для flexbox сетки через width и flext-basic?

Question

[Вадим Белкин]

Перехожу на использование 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 сетки и какой из них более правильный?

Comments

[Игорь Воротнёв]

Правильный будет тот, который вам наиболее удобен будет в конкретном проекте.