Как адаптировать элементы под блок?

Question

[cracker-test]

Есть блок размером 800 на 800 пикселей. В нем кнопки. Они выстроены в столбик. Как сделать так, чтобы если кнопки не помещаются в блок, то столбиков становилось 2 и левая кнопка подстраивалась под высоту соседней кнопки?

Answer 1

[Илья Корень]

Рекомендую в данном случае использовать flexbox.
Задаете родителю:

• display: flex;
  
• flex-direction: column;
  
• flex-wrap: wrap
  

https://codepen.io/IlyaKoren/pen/JjOeYaX

Почитайте про флексбоксы и гриды.