Как с помощью flexbox растянуть только один блок?

Question

[Виталий Гусев]

Есть код:



С помощью align-items: stretch; элементы li растянуты на всю высоту.
Как можно с использованием flexbox растянуть только один из элементов li? (без использования псевдоклассов).

Я полагаю, что без псевдоклассов тут никак. И моё мнение, что самый простой и правильный - это использовать align-self для нужного элемента. Как вы думаете?

Answer 1

[WapSter]

Без использования псевдоклассов никак, либо задавай уникальный селектор.

Answer 2

[xdevelx]

https://codepen.io/xdevelx/pen/abORwQy

Comments

[Виталий Гусев]

Спасибо!