How to make such a grid on flex without js?

Question

Flexbox

Good afternoon. Tell me, is it possible to make such a plan a grid on flex without using js?

The site is responsive, so the green block should change width and not fall off. It is important that all orange blocks go in a row inside one parent (without breaking them into blocks).
Solutions come to my mind only through floats, but I would like to use flexes.

Answer 1

on flexes, most likely it won’t work without splitting, try grids

Answer 2

css selector point block

.flex-item:nth-child(2) {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    }

and, twist as you like ....

Answer 3

Only Grid layout will help, or if it's js, then masonry.js