split a flex box column

By | 30/03/2017

.half-containers { flex: 0 0 100%; max-height: 50%; min-height: 50%; max-width: 100%; background: #0BDA51; border: 1px solid red; padding: .5em; overflow: hidden; }

Source: Edit fiddle – JSFiddle