.container{ display: flex; width: 100%; flex-wrap: nowrap; padding: 5px; border:2px solid gray; } .item{ width: 150px; flex:1 1 150px; border: 1px solid green; margin-right: 2px; } <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> <div class="item">7</div> <div class="item">8</div> <div class="item">9</div> </div> I have a flex container with the flex-wrap: nowrap attribute. In this case, all flex elements follow the arc after each other, how to make some of them turn out like column?
Here is how it should look: 
Example started layout-a: enter the link description here
