¿Es posible mezclar filas y columnas con flexbox?
En otras palabras, ¿es posible lograr esto?
Nota: Esto es lo mejor que pude obtener:
html, body, .container {
height: 100%;
}
.container {
border: 1px solid green;
display: flex;
flex-wrap: wrap;
}
.container > div {
border: 1px solid black;
background: #ececec;
flex: 1;
}
.container > div:nth-of-type(1) {
flex: 1 1 100%;
}
.container>div:nth-of-type(4) {
flex: 1 1 100%;
}
<div class="container">
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>
</div>