Почему не работет flexbox?

Question

[syshanter]

Всем привет! Не могу разобраться, почему flexbox контейнер в секции lookbooks работает не так как мне надо? Нужно чтобы 3 элемента стали в линию на большом экране, но со свойством flex-wrap: wrap. Код https://jsfiddle.net/9kp9r3fk/ Спасибо!

Дополнение: Когда делаю масштаб в броузере на 25%, то все работает как надо.

Comments

[Андрей Токмаков]

Нахрена кому то нужны Ваши файлы для скачивания? Для выкладывания кода есть песочницы

Answer 1

[Ренат Сагдеев]

У .lookbook поставьте flex: 1 и уберите margin-right и padding-right

Comments

[syshanter]

Спасибо!

Answer 2

[Егор Живагин]

Чё т я тоже с утра подтупливаю, не вижу причину. max-width: 33% (чуть меньше) на нужной ширине экрана, естественно, всё решает.

Comments

[syshanter]

До этого и я додумался) Но не работает так как должно работать без max-width )) Когда прописываю display: flex у родителя и flex-grow: 1 у дочерних элементов, то они должны 1 к 1 распределяться, а тут они на 100% растягиваются и переносятся на другую строку, а если сделать масштаб 25%, то все работает. Интересно почему так, я не понимаю