Алан Купер в своей книге «Об интерфейсе» писал о необходимости проектирования интерфейсов для середнячков. А что делать с новичками? Делать их середнячками.
Короче я дозанудничал, если вы имеете ввиду margin: 0 calc( 10% + 10px ) для блоков внутри flex-контейнера, без всяких там space-between, то таки да, скорее всего это оно.
Как-то так, таким образом дочерние элементы всегда будут по центру и равно-удалённы от друг друга, в отличие от вашего предложения когда они выровнены по левому краю .container.
Не от space-between, и даже не от space-around. А ожидал от flexbox решения простой задачи распределения карточек с фиксированной шириной и например фиксироваными отступами по центру контейнера + каждая карточка должна быть одинакова по высоте (по контенту самой большой карточки).
Ваше предложение, её кстати тоже не решает, так как карточки будут выровнены по левому краю контейнера. Посмотрите как это решается например в twitter bootstrap — отрицательные маргины у контейнера.
Возможно как вариант взять от flexbox stretch по поперечной оси, а всё остальное от сетки из inline-block'ов.
В том-то и дело, что я ожидал от flexbox, решения простой задачи равномерного распределения ячеек в зависимости от ширины. А вместо этого мне предлагают завязываться на физические величины (media-queries). Flex-wrap — тут не при чём.
На мой взгляд оптимальным решением было-бы, например специальное свойство для последней строки, наверное.
А вот я не понимаю. Flexbox, все круто, и пример про «Динамические внешние отступы при помощи flexbox», то есть вроде бы мечта сбылась. Просто говоришь ширину блока, и space-between, а оно уже само там.
Но, что если у меня 6 блоков и на каком-то разрешении помещается в ряд 4. Что будет с оставшимися 2? А я вам скажу, они будут просто по краям. Как так...flexbox ведь?
Я встречал какие-то странные хаки, дескать надо подставить несколько фальшивых (пустых блоков) до недостающего и тогда все будет ок, но это чушь. Другими словами, пока без inline-block никуда)
Позволю себе не согласиться с вами. Оставим пока термин хипстер, который довольно «избит» и понимаем каждым по своему (как и «стартап»). И сосредоточимся на хакатоне.
Если в компании выделяют, время, возможности, и в целом поддерживают тему вот таких пет-проектов — это повторюсь круто, и очень интересно. Особенно важно, что люди не делают «мифический продукт который взорвёт рынок», а то что нужно здесь и сейчас живым людям, это гарантирует что проект не заваляется на полке и будет приносить пользу.
Если ваше недовольство связано с тем, что ребята не организовали ещё один хакатон на 1000 людей, от которого как правило нет толка. А просто куча съеденной пиццы и фантазии ребят на тему, а давайте «запилим единорога с двумя рогами, это ведь так нужно всем людям», фантазии конечно так и остаются фантазиями.
А то Onboarding.
Как-то так, таким образом дочерние элементы всегда будут по центру и равно-удалённы от друг друга, в отличие от вашего предложения когда они выровнены по левому краю .container.
P.S. Чувствую себя занудой.
Ваше предложение, её кстати тоже не решает, так как карточки будут выровнены по левому краю контейнера. Посмотрите как это решается например в twitter bootstrap — отрицательные маргины у контейнера.
Возможно как вариант взять от flexbox stretch по поперечной оси, а всё остальное от сетки из inline-block'ов.
На мой взгляд оптимальным решением было-бы, например специальное свойство для последней строки, наверное.
Но, что если у меня 6 блоков и на каком-то разрешении помещается в ряд 4. Что будет с оставшимися 2? А я вам скажу, они будут просто по краям. Как так...flexbox ведь?
Я встречал какие-то странные хаки, дескать надо подставить несколько фальшивых (пустых блоков) до недостающего и тогда все будет ок, но это чушь. Другими словами, пока без inline-block никуда)
Если в компании выделяют, время, возможности, и в целом поддерживают тему вот таких пет-проектов — это повторюсь круто, и очень интересно. Особенно важно, что люди не делают «мифический продукт который взорвёт рынок», а то что нужно здесь и сейчас живым людям, это гарантирует что проект не заваляется на полке и будет приносить пользу.
Если ваше недовольство связано с тем, что ребята не организовали ещё один хакатон на 1000 людей, от которого как правило нет толка. А просто куча съеденной пиццы и фантазии ребят на тему, а давайте «запилим единорога с двумя рогами, это ведь так нужно всем людям», фантазии конечно так и остаются фантазиями.