Это довольно простой вопрос, я думаю, но я не могу получить 3 элемента в контейнере flex для отображения в 2 строках, один в первой строке, а второй 2 во второй строке. Это CSS для контейнера flex. Он отображает 3 элемента в одной строке, очевидно:)
div.intro_container {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
Если для параметра flex-wrap
установлено значение wrap
, то 3 элемента отображаются в столбце. Я думал, что настройка обертки необходима для отображения элементов контейнера на нескольких строках.
Я пробовал этот CSS для первого элемента контейнера, намереваясь, чтобы он занимал всю первую строку, но он не работал.
div.intro_item_1 {
flex-grow: 3;
}
Я следил за инструкциями в "CSS-Tricks" , но я действительно не уверен, какую комбинацию команд использовать. Любая помощь была бы очень желанной, так как я озадачен этим.