Div Block Changing Size because of text

Hey y’all! I am working on a site with a client and she wants all of her services to be listed as a column that you can click into to find out more. (Page in the site is "all services) The issue that I keep having is that the different lengths of text is causing the boxes to be different sizes

(See screenshot). Especially in smaller browsers. Is there a way to maintain the size of the blocks regardless of the text inside it?


Here is my site Read-Only: [LINK](Webflow - Kitzie Spa)
(how to share your site Read-Only link)

Use flexbox instead of the built-in columns. It might require a bit of re-organizing your structure, but it is well worth it.

See this pen for more info: https://codepen.io/imohkay/pen/gpard

1 Like

Thanks! I haven’t really played with flexbox too much but once I figured it out your pen was a big help. Thanks!