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
6 Replies
The reason for not really wanting to rely on media queries is because the width of the elements in the green div can change, so I may not always know when to set a different flex-direction on the red
hello, i can do it. I hope discuss more details in DM
Are you trying to sell paid help through dms?
I just need you to help me a little bit.
if you can help, please do so in open chat. That way others can benefit from the discussion. If you're trying to get people to DM you so you can sell your services, that is very much not allowed on this server and can result in a ban. That also applies to sending unsolicited DMs to server members.
@container queries !