[Resolved] Grid on mobile

[Samuel]

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

[Leo]

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

[Samuel]

Here you go :

[Leo]

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/

[Samuel]

Ok, thanks for your time

[Leo]

No problem 🙂

[Author]

Posts