Как выровнять элементы flex контейнера по высоте?

Тут все хорошо - https://jsfiddle.net/yw1xazs0/1/
Но как только в один из блоков inner добавляется контент, высота элементов становится разной - https://jsfiddle.net/xdnd9d4c/
Как сделать так, чтоб они не менялись до тех пор, пока высота контента в одном из блоков не превысит допустимую?
Условие: нельзя менять min-height на height в контейнере, потому что на большинстве смартфонов в ландшафтном режиме не хватает высоты для размещения всего контента в блоках. Поэтому height: 150vh приведет к тому, что каждый элемент контейнера будет слишком маленькой высоты