Archived topic
2 Columns or Blocks side by side on Mobile
4 replies · Started by Martin on January 18, 2021
Hello.
I've been hunting for a way to have 2 blocks or columns side by side on mobiles.
This is purely for displaying lists so there is room. I just can't find a way and thought I would ask here as I use GeneratePress and I just installed GenerateBlocks too.
Is there a way to do this?
Thank you.
Martin
I figured out a way to do it.
`max-width: 49%;
Obviously it depends on the margins etc but it prevents the columns going full width.
Hi Martin,
If you have Generateblocks, it will be very easy to do.
Here's the structure you are looking for:
https://www.screencast.com/t/9fGjl7CFVPM
Within Grid structure, you could set different Container Width for difference devices.
Then you can play around with paddings/ margins also.
More info here:
https://docs.generateblocks.com/article/container-overview/#container-width-1
Let me know :)
Thank you for that screenshot. I will try again with GenerateBlocks.
Must admit I liked what I saw when I installed the plugin.
Nice, let me know how it works!