How to ensure div blocks in columns wrap to size of text, but also stay the same height as each other

Design help General
1

Hi,

I am editing a website, and one of the issues is that I have this set of three columns, with div blocks and text inside, but when they wrap to the size of the text inside, they appear as slightly different heights, because the amount of text is different in the boxes. I’m sure there is a super easy fix but I’m struggling to see what it is. Screenshot here: Screenshot by Lightshot

Thanks in advance!
Tom

Here is my site Read-Only: Webflow - AccessEd NEW

2

Hi @Tom_O_Boyle,

Try not to use pixel values or columns. Use Divs and simply layer them. It’s hard to get columns to wrap and stack properly using only CSS.

1 Like