Здравствуйте, не подскажите как с помощью флекс свойства css добиться следующего:
На первом изображение показано текущее расположение блоков, блоки не имеют фиксированного размера, а меняются динамически, в зависимости от заполненности контента.
Я хочу получить результат как на втором изображении чтобы первый блок растягивался вне зависимости от его заполненности. Я так понимаю нужно использовать для этого свойства flex но все мои попытки сделать так, тщетны.
Объясните, можно ли вообще так сделать? (спасибо!)
P.S. все изображения прикрепил.
P.P.S. это нужно для того чтобы не было такого не красивого выравнивания (position:absolute нельзя использовать, так как размеры могут быть разными)
Заметки должны находится на одном уровне