Mi duda es que quiero colocar el div three justo debajo del div two y de esta manera el div one se ajustaría al alto de box, pero ese espacio(el de debajo del div two) esta "reservado" para el div two (si no me equivoco) sé que podría añadir un div que contuviera el two y el three y que ocuparan ese espacio. Pero quiero saber si es posible hacerlo sin ese contenedor para luego según cambie el tamaño de la caja(responsive) poder cambiar el orden de los elementos con la propiedad "order". Seguro que me estoy dejando algo atrás y no se el que xD.
.box {
background: red;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
height: 300px;
}
.one{
align-self: stretch;
background: orange;
flex-basis: 25%;
}
.two {
background: yellow;
flex-basis: 75%;
}
.three{
background: blue;
flex-basis: 75%;
}
<div class="box">
<div class="one">one</div>
<div class="two">two</div>
<div class="three">three</div>
</div>