Column width - wrap underneath disable option

[londoss]

Hi,

current situation when you have 2 columns with width option will result wrap underneath each other on smaller screens (or big screen with high enlargement).
I´m using 2 columns for text "bubble" and image. Underneath is not looking good. Could you add option for disable underneath?

Example https://archi.gov.cz/start

Thanks

[Klap-in]

I've tried a bit, I observe that if you use a larger screen, that the relative width of 80% and 15% is such, that including two margins of 1.5em (= together 3 em), it indeed just fits in the available page width.
If the width of the browser window is reduced, both columns are scaled proportionally with 80% and 15% of the width. Of course, the remaining 5% in-between space is also scaled proportionally. But the width of the specified margins between the columns is still 3em. That margin is not scaled, or the width of the column is also not reduced by a fixed value to account for the fixed margins.

(note: If you reason from the user it would be more logic if he/she could use different width values that adds up to 100%, so 80% and 20% (instead of 80% and 15%, which accounts implicitly for the 3em margins).

I have not enough experience with a smarter way of handling these margins. So my proposal is that someone with more css experience thinks about an alternative approach.

[londoss]

Hi,

thank you for answer! Unfortunatelly if i use width 80% and 20% than "underneath function" is instant no matter what enlargement of screen is used. Max propotion which I could use is 80% and 17% without "underneath function" to be instant (it could be the problem of Bootstrap template too, I dont know).

Thanks everyone for advice.