Is it possible to wrap an element inside a Flexbox container?

Question

css

Greetings!
Has a parent:

.wrap {
   display: flex;
   flex-wrap: wrap;
}

And two children:

.block {
   height: 100%;
}

.mini {
   height: 25%;
}

I want like this:

But it turns out like this:

Important:
1. Flexbox must be used
2. There must be no third-party attachments to the .wrap parent
3. Is this even real?
Current sample code on JSFiddle

Answer 1

jsfiddle.net/4cghpvyo/19

.wrap {
    flex-wrap: wrap;
    flex-direction: column;
}

.mini {
    box-sizing: border-box;
}