Help with responsive layout
In the pic, I have a div that contains the three separate colored divs. Without using media queries as much as possible I'd like to have it as it is full screen with flex-wrap to when the screen decreases to no longer have the blue div, it goes right below the green div and is centered. Then when the green div can no longer be shown, it wraps down to below the red div and the red div is now centered. The red div is also an accordion that is flex-direction: column. Is there any way other than media queries to have it move to flex-direction: row whenever the flex-wrap gets to the point where the red div is alone in the row? I'm happy to meet or discuss more on this if there needs to be more clarification. Thanks
