Как сделать переход на другую строку?

Question

[injectine]

Как реализовать этот каскад так, чтобы эти блоки (они будут добавляться Flask'ом - не важно), при недостатке места под них, спадали в низ (должны остаться в окне)?

Comments

[OstapO]

flex-wrap: wrap

Answer 1

[Алексей]

Для app-answer используй

display: flex;
flex-wrap: wrap;

Простой пример на codepen

Comments

[Алексей]

Второй способ вместо flex для каждого блока .mache
display: inline-block;
https://codepen.io/alex-rogochiy/pen/agJJym

[injectine]

Алексей, сенк, Бро.

[Алексей]

Третий способ на старых добрых float'ах
Для .app-answer:after

.app-answer:after {
  content: "";
  display: table;
  clear: both;
}

Для .mache:

.mache { 
      float: left;
 }

https://codepen.io/alex-rogochiy/pen/BgWWYG

[Алексей]

injectine,
нз)
Сначала думал просто ответить а потом вспомнил про другие методы)
В общем выбирай любой.
Как по мне второй метод, display: inline-block должен неплохо зайти в твоей ситуации