Flexbox - фиксированные элементы
Я строю блог, и я хотел показать их следующим образом:
- Заголовок сверху
- самый последний пост слева
- другие посты справа
Моя проблема в том, что я хочу, чтобы самый последний пост слева имел заранее заданную высоту (например, 70vh) и фиксированное положение, но если я установлю высоту моего .left Flexbox немедленно сводится только к этой точке. Думать о .left содержащее изображение, установка его на всю высоту всех остальных постов будет слишком сильно пикселировать изображение.
Я уже пытался установить его min-height или же max-height но это просто дает тот же результат.
Смотрите демо здесь: https://codepen.io/anon/pen/aaZMzZ
Моя структура HTML выглядит примерно так:
Заранее спасибо за помощь!