My homepage is one giant flexbox made of 6 boxes (2 rows, 3 boxes each row). It looks ok on desktop and tablet but on mobile I want the boxes to stack on top of each other so that when you scroll there are 6 boxes lined up vertically. I’ve read through similar requests in the forum but can’t seem to figure it out. I have not corrected any of my pages for responsiveness yet, working on it.
My public share link is https://preview.webflow.com/preview/leeanne-mullins-design?preview=6218d517418cbf7fdb12779bbb7a3406
Thanks in advance
Here is my public share link: LINK
(how to access public share link)
All you have to do, is select the Flex item and change the space you want it to fill on each breakpoint
For desktop view, select the Flex item and give it 33.333% Flex Basis
For Tablet, I think 50% would do the trick
And from Mobile landscape and lower, give it 100% and it should show you 6 different boxes all aligned vertically
**Just be aware that you need to select your “flex ittem” to preform those changes, since it’s the child of the flexbox **
Brilliant! A million thank you’s! Thank goodness for this forum
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.