4 column break undesired in mobile landscape view

Dear Webflow,

I am posting this in bugs because I don’t see any reason why Webflow behaves the way it does in my case.

Below site on the page “Bangkok” I have 4 columns set up like this:


25

So far so good, but for mobile landscape it breaks wrong as below. Does anyone have an idea how to fix this and could Webflow look into that please and see if there is a permanent fix for this kind of bug?

Thanks a lot!
Stefan


Here is my site Read-Only: Webflow - IWSC 2020

Try to set your wrapper to 90% (the outer object containing your design). Works for me.

Sorry it was not a CMS. Why dont you change to flexbox or grid?.
Will take a look at your site and se if i can do anything if not change

Try set stats block to 90%, might work

Hi @Idext :wave:

I’ve taken a look at your read only link and can’t seem to replicate the issue you’re having.
If you’ve fixed it, then great, if not could you let me know what browser you’re using.

I’ve recorded a 4min video using your read only link showing a way that you can use that kind of layout, but saving you tons of time, using CSS Grid and Flexbox. :slight_smile:

CloudApp

Hope this helps! :smiley:

Have you tried simply using a little vertical-align:top; in custom code and putting your items as display inline-block ?

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.