Archived topic
Display Query Loop Horizontally
3 replies · Started by jaypabs on September 27, 2022
How do I display query loop horizontally?
I'd like to display it with image above and the tile below like the screenshot below:

Hi Jaypabs,
You can set the columns of the Query Loop through the Container Width of the Post Template Block as such: https://share.getcloudapp.com/rRuQbBdg
Then, just put Blocks on top of one another.
You can use a GenerateBlocks Image Block for the Image, and Headline Blocks for the other texts.
Hi Fernando,
Thanks, it works. But when the screen is too small, the image and the title just shrink. How can I move say two images below if the screen is too small?
GB's grid block has responsive settings.
If you click the tablet icon which means you are previewing on a smaller screen, you can set the container width to 50%, so it will only have 2 containers per row on a tablet.
Let me know if this helps!