Archived topic
Grid on mobile
5 replies · Started by Samuel on August 21, 2020
Hi,
I wanted to know if it's possible to do this :
On desktop :
1 column with 3 items (1 item on column 1 + 2 items on column 2)
On Tablet :
1 column with 2 items (1 in each column) and the 3rd item goes out of the columns to the line at 100%
On mobile :
Every items at 100%
Thanks for your help
Hi there,
1 column with 3 items (1 item on column 1 + 2 items on column 2)
Can't quite picture/understand what you meant by that.
Do you have a mock-up or example to show?
Your best bet would definitely be GenerateBlocks:
https://docs.generateblocks.com/article/container-overview/#grid-item
Here you go : 
Unfortunately not by default.
You would need to add item 3 twice then use the built-in hide-on classes to make it work I think.
https://docs.generatepress.com/article/responsive-display/
Ok, thanks for your time
No problem :)
