Archived topic

2 images per line on mobile.

3 replies · Started by Janne on January 28, 2021

Viewing posts 1–4 of 4

January 28, 2021 at 7:32 am #1637140

Hi.
I am creating a page with images as buttons to navigate my category structure.

Want two images per row. Using Gutenberg editor and are using columns. I got two images per row on desktop, but when on mobile, it breaks into 1 image per line. Can you please help me? It is problably an easy CSS line, but I am not so good in CSS.

Here are the page: https://joyofmotioncrochet.com/free-crochet-pattern-library/

January 28, 2021 at 8:44 am #1637236

Hi there,

i would recommend using the GenerateBlocks plugin for adding grids / columns as it has full responsive controls:

https://wordpress.org/plugins/generateblocks/

This doc explains how to set the columns for the various device sizes:

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

January 28, 2021 at 12:25 pm #1637440

Thank you, using this now and it works like a charm! :)

January 29, 2021 at 1:47 am #1637852

Glad to hear that.

This archived topic is closed to new replies.

Start building better websites today.