Streaming live at 10am (PST)

Columns of text same height and responsive


#1

I'm trying to get four columns with photos and text to be the same height but also be responsive when you make the screen different sizes. I don't want to set them all to a specific size because then it's not responsive when you manually make the screen different sizes (above tablet.) and when I use VH and VW and make page smaller the text goes over the columns and looks horrid! Help!?

(the four columns under "Choose your cruise"

https://preview.webflow.com/preview/cruise-king?preview=c93e9be5ad31ebf655ff0abf98c15736


#2

@sabanna would you happen to know?


#3

I would make that:
- row display: flex with height: auto,
- columns height: auto,
- put actual images inside the "coose" divs and make that divs height: auto.
- yet you can set font size inside that columns about 1vw and line height 1.5-1.6 (without px)

Result:


#4

@Sabanna, yet again you are a genius! Thank you!


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.