Ordering div with flex css

Asked May 14 '20 at 13:03

Active May 14 '20 at 13:03

Viewed 19 times

We’d like to display 4 divs (from order 1 to order 4) on the left column and 2 divs (order 5 and 6) on the right column BUT the height of the main div can’t be defined. The divs on the right should be 400px. Is there a way to display these columns this way without defining the main div’s height ?

Here's the layout :

I'm asking this question because I want my layout to be responsive so if I defined the height of the main div, some divs from the left column will display on the right when I'm resizing the window...

asked May 14 '20 at 13:03

user4546765

Post fiddle please. – Simone Rossaini May 14 '20 at 13:03
Use CSS columns instead. You don't really need flexbox for this. – Terry May 14 '20 at 13:07
I do need flex because the order of the divs will change on mobile version – user4546765 May 14 '20 at 14:28

Ordering div with flex css

0 Answers0