Column and gutter width not resizing properly when rescaling

Tagged: columns, gutter, resize

This topic has 5 replies, 2 voices, and was last updated 2 years, 7 months ago by Tom.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 28, 2020 at 2:46 am #20187

Thomas
Participant

I have som trouble with a three column layout showing my latest posts.
When I resize the browser viewport the column and gutter width does not resize properly.
Viewport for desktop is ok, but when the viewport is resized to about 910-910 px things start to mess up.
In the first row both column and gutter width are not adapting to the viewport as expected.
In the second row column width are uneven, but the gutter width are ok.
Please note the two included screenshots.

Desktop view – ok

View resized – column and gutter mess up

September 29, 2020 at 3:50 pm #20349

Tom
Keymaster

Hi there,

Any chance you can share your URL with us? Not sure what could be causing this.

Let me know 🙂

October 13, 2020 at 5:24 am #21075

Thomas
Participant

Thank you Tom for your quick reply – and sorry for my late answer 😉

The URL is here: http://www.dof-bornholm.dk/dof-bh-wp/

I changed the Card for the WSP list “Nyheder” from “None” to “Base” and voila! – that solved the problem.
Change the card back to “None” and the problem reappear.

October 14, 2020 at 1:57 pm #21169

Tom
Keymaster

Is the issue still visible? Here’s what I’m seeing: https://www.screencast.com/t/60RTLefXr

October 15, 2020 at 2:35 am #21195

Thomas
Participant

The issue is not visible now as shown in your screencast.
I changed the Card setting to “Base” from “None” and columns resize perfect. Leave the Card to “Base”

October 16, 2020 at 10:34 am #21226

Tom
Keymaster

Strange, I’ll dig into this without the card setting.
Author

Posts