Archived topic

Gutenberg columns

5 replies · Started by Krystian on January 31, 2020

Viewing posts 1–6 of 6

January 31, 2020 at 10:16 am #1150665

Hello,
I'm having difficulties with columns in general. I've tried gutenberg ones, but they break on medium screens in odd way leaving blank space IMAGE. And when resizing screen to smaller resolutions the 3 columns transform into 2 (and from 2 to 1) too late for my taste

So I've installed Lightweight Grid Columns. Everything is fine, they break nicely and when I like.

Is there a way to set gutenberg columns to break sooner and not have this blank space - just like these from shortcodes? I doubt there are gutenberg columns on GP website, but features listed on home page under "Performance Focused" behave in a way I would like to imitate.

If that's ought to be done by CSS and/or is problematic could you give me some keywords what so I can research it on my own?

January 31, 2020 at 5:02 pm #1150918

Hi there,

The standard Gutenberg columns are frustrating for sure. To take control, you would have to give your column containers a custom class. Then with that class, you can write your own media queries targeting those columns/adjusting their widths.

We're in the process of releasing our own block plugin, which has an advanced grid system. You'll definitely want to check it out once it's released.

Let me know if you need help with the media queries! :)

February 2, 2020 at 9:44 am #1152229

Thanks :)

February 2, 2020 at 10:49 am #1152283

No problem :)

February 9, 2020 at 12:48 pm #1159941

I've been having the same problem, looking forward to your block plugin :-) No need to reply to this I am sure you are busy :-)

February 9, 2020 at 12:53 pm #1159946

We are all most there ;)

Thanks for your patience!

This archived topic is closed to new replies.

Start building better websites today.