Streaming live at 10am (PST)

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](https://preview.webflow.com/preview/kitzie-spa?utm_medium=preview_link&utm_source=dashboard&utm_content=kitzie-spa&preview=d432b3a7e59b218b198c621b74c196c5&mode=preview)
(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!