Columns are spilling out of container

Design help General
1

Hello,

I couldn’t figure out why my columns won’t align properly inside my container. I tried adjusting padding and putting it inside a div block but for some reason it keeps spilling out of the container. Please see photo of what’s happening. Is this a bug or I clicked on something?

I appreciate the help thanks!

Screenshot 2023-03-08 at 17.27.47
Screenshot 2023-03-08 at 17.27.47627×614 73.7 KB

https://preview.webflow.com/preview/tin-design?utm_medium=preview_link&utm_source=designer&utm_content=tin-design&preview=579957d9b241519ec027d7e1b6276408&pageId=64074ea22c76b251cf9bfb26&itemId=6407628faf3bb4347ce48aaa&workflow=preview

Here is my site Read-Only:

2

Not a direct answer… but I’d recommend against using the column component and instead setting up something similar with flexbox or grid. The columns component is super outdated, and you will run into weird edge cases while using it…

Are you familiar with CSS grid or Flexbox? If so it should take under 2 mins to swap to a grid layout or flex layout that is a lot more flexible than the columns component

3

I see, ok I will try it. Thanks for the tip!