Archived topic

Alignment of gb-grid items on mobile

3 replies · Started by Keith Taylor on February 18, 2022

Viewing posts 1–4 of 4

February 18, 2022 at 4:19 am #2123910

I have a page with a Generateblocks grid, which has six columns in each row. The first, third and fifth columns have an image, and the second, fourth and sixth columns have a short description of the image.

On mobile, the columns re-align so that they are underneath each other, so that I have the following layout:

Image
Description
Image
Description
Image
Description

...and so on.

What I'd like to achieve is columns 1 and 2 next to each other on one row, so that I have the following alignment:

Image Description
Image Description
Image Description

I can't work out how to do it - is it do-able?

Many thanks

Keith

February 18, 2022 at 5:29 am #2124003

Hi there,

this really is a question for the GenerateBlocks forum, but to cover quickly>

Switch to the Mobile preview.
Select each of the columns containers and set the width to 50%

For reference see here:

https://docs.generateblocks.com/article/container-overview/#layout-–-grid-item

February 22, 2022 at 4:30 am #2128835

Hi David

Many thanks, that's great. Don't know why I didn't see that option! Works perfectly.

Thanks, Keith

February 22, 2022 at 4:34 am #2128838

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.