How to get the column to grow when the screen gets smaller?

Community resources General
1

Hi,

I have these columns with text and icons in it. The problem is, when I make the screen smaller, the text is overlapping the boundaries of the column.

How it is normally:

image
image1275×778 59.1 KB

When the screen gets smaller:

image
image734×773 61.5 KB

Anyone knows how to fix this problem?

https://preview.webflow.com/preview/traffic-more?utm_medium=preview_link&utm_source=designer&utm_content=traffic-more&preview=f20c1bebfd9ba19016aaf87bff68f17e&workflow=preview

2

hi @Mourik your problem is that you have set static height: 240px to your Kaart_Algemene-Instellingen . When you reset height to auto your card will expand with text. You can consider to use CSS Grid for this design instead usingtext columns but it is just recommendation.

3

Hi Stan,

Your solution was the beginning of the solution. It was not enough though, the columns with little text were now shrinking and made it inconsistent with the rest. So you have to give it a min H.
But it worked out! Thank you

4

hi @Mourik if you do not have further question to this topic feel free to close your request as solved.

have a great day :wink: