Почему во flexbox не переносится текст?

Question

[Nixtone]

Какого черта .text погнал за контейнер? Почему если для .preview указать только flex-basis, он сжимается как будто ему ничего не сказали?
https://codepen.io/Nixtone/pen/JjjWVWE

Answer 1

[profesor08]

flex: 1 1 auto;

Comments

[Nixtone]

Сработало, благодарю. Но интересно понять логику.

Почему значения свойств нужно так уточнять? И как это работает при "1 1 auto" это типа "жаднощедрый" ?

[Игорь Борисов]

Nixtone, а вы сами потыкайте разные настройки, посмотрите видеоуроки и документацию

[Nixtone]

Игорь Борисов, в то то и дело,
что .preview должен быть flex: 0 1 400px;
а .text должен flex: 1 0 auto;

но они отрабатывают с контентом не так как в учебке. Вообще противоречат полученным знаниям.

[Игорь Борисов]

Nixtone, о как. Я бы посмотрел на поддержку flexbox свойств в конкретной версии браузера, на сайте https://caniuse.com

[Nixtone]

Игорь Борисов, собственно огнелис последний, все поддерживает это не на живом сайте происходит а выделенный эксперимент в тепличных условиях же.

[profesor08]

Nixtone, в чем проблема прочитать документацию? Или любое другое толкование на удобное языке, где все по полкам рассказывают?
https://developer.mozilla.org/en-US/docs/Web/CSS/f...
https://medium.com/@stasonmars/%D0%BA%D0%B0%D0%BA-...