Solved Equalizing row columns heights on mobile

Hi there!

A section of a website I'm working on is made of three columns in a row. The first column contains a text module, the second an image and the third another text module. On desktop, the three columns have the same height (the image's height). The first text module sticks to the top of its containing column and the second text module sticks to the bottom of its containing column. I made sure the three columns do not stack when seen on mobile. The problem is that the three columns' heights do not adjust to the central image's height anymore on mobile. So the second text module does not stick to the bottom of the virtual row anymore 'cause the containing column has the text module's height. Do you know a way to fix it?

Thank you and have a nice day!

 

Well to make it shorter and clearer: is there a way to equalize the size of the columns of a same row on mobile without assigning a specific height to each column?

 

Thanks for the answer! Here it is: http://thierry-jaspart.com/temp/shop2/product/cult-of-anything-yellow-unisex-t-shirt/

 

Thank you for the answer! I already tried it but unfortunately it does not work. I also tried to set to column height to 100% and it doesn't work either...

 

Thank you very much for the answer. No, it just doesn't work. I also tried to put this code in the column custom CSS but it doesn't work either. Well I didn't know this kind of simple move was so difficult to make!

 

Yes, here are two screenshots!

 

Haha! It works! Thank you so much! How can you explain it doesn't work in the visual builder?

 

Maybe, yes. Anyway thank you very much!

Have a nice day!