Квадратные блоки с фальшивой коробкой

Question

Есть ли способ, чтобы все ящики были равны высоте (и ширине) самого большого окна, используя display: flex; с flex-wrap: wrap;. Кажется, он работает только с людьми в одной строке. Эта ручка иллюстрирует проблему еще немного: http://codepen.io/komplexb/pen/gbqgXq

Answer 1

Учитывая, что вы уже садилось высоту на родительский элемент (и что родительский элемент квадрат), вам просто нужно будет, чтобы дать детям Flexbox вещи высоту 50% ,

При этом значение flex-basis (стенографин) 50% в сочетании с высотой 50% приведет к получению идеальных квадратных элементов гибкой связи, поскольку родительский квадрат.

Updated Example

li { 
    flex: 0 0 50%; 
    height: 50%; 
    color: white; 
    text-align: center; 
}