Responsive shop page layout - Grid/Flex?
Hey,
I'm stumbling on this problem for the 9000th time. I have made a webshop with two column layout:
left - text information
right - product information
But on mobile i want to mix the child elements of those containers. So i was thinking of making it one parent element so i can use grid/flex. I was thinking about grid but that is not flexible enough (height wise). Then I thought about Flexbox (masonry like idea) but that is also not a good way to work because of the order of items.
So now I'm going to fix it with javascript but i'm not happy with that solution. Do you guys have any css/html solution to create this?
So in short:
desktop 2 column layout to mobile 1 column layout. And rearrange the child elements
I'm stumbling on this problem for the 9000th time. I have made a webshop with two column layout:
left - text information
right - product information
But on mobile i want to mix the child elements of those containers. So i was thinking of making it one parent element so i can use grid/flex. I was thinking about grid but that is not flexible enough (height wise). Then I thought about Flexbox (masonry like idea) but that is also not a good way to work because of the order of items.
So now I'm going to fix it with javascript but i'm not happy with that solution. Do you guys have any css/html solution to create this?
So in short:
desktop 2 column layout to mobile 1 column layout. And rearrange the child elements
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
