Sorry, another question
Anybody knows a simple way of creating equal height columns? Regardless of content? So for example right column has a lot of text, and the left column only a small portion of text. However I want to show both columns with different background colours at the same height. Example: http://css-tricks.com/examples/FluidEqualHeightFauxColumns/
By the way, a simple fix for 2 columns would to give 1 column a background colour and also the container a background colour. But I want to achieve something like this with 3 or 4 columns, each with their own bg colour/image. Columns should follow height of largest column.
any news about it?
or maybe a workaround?
I need it to make my content have a “tile feeling” using the same background color
just an example
what I have
and this instead is what I want
Please let me know if anybody found a workaround
same here! Anybody figured this out??
Thanks for the flex box link.
Would that setup work for the issue i am having on my webflow site linked below?
Specifically the three column layout i have where each column has a different height, and i need it setup so each column has the same start height, the length is not important and that is determined by the content within each column.
Let me know, thanks!
I updated the link brown-bag link. Noticed that I broke the design a bit, its my playground. So what I did is this.
A row with two columns. A class to the row and in custom code add this
Problems with the responsivness though. Working on that.
Update: you should add flex code for other browsers.
Update 2: I had to add custom @media code to make the columns stack on smaller screens. Maybe there is some special flex code for that, don’t know.
I have tried to solve the Problem with this Code.
But in my Attempt it didn’t work.
Did anyone know how to fix this?
Hello @LNS I am also struggling to get the equal heights thing going, any advice on your attempt/success?
@LNS, I agree, It would be great if you could share how you achieved this… it looks great, nice work
This is the way i did this.
Inspired from this Link. It should work with 3,4,5 columns.
This didn’t work for me. .
Show us your Link.
Perhaps we could help.