Почему флекс элемент не хочет прижимать другое флекс элемент?

Question

[gazes12]

https://jsfiddle.net/b15u0sky/47/

Нужно чтобы .card-top сталкивал вниз card-bottom, чтобы они были одной высоты постоянно, внезависимоти сколько там контента.
Ну этого не происходит! Почему???? Заранее спасибо!

Comments

[Ankhena]

Если быстро переложите на codepen.io - посмотрю.

jsfiddle в России не работает.
Т.е. помочь вам могут либо находящиеся не в России либо те, кому не лень включать VPN.
Если вас устраивает такая "аудитория", то можете продолжать с jsfiddle.

[Ankhena]

Ну этого не происходит! Почему????

Потому что так, как вы хотите, флексы не умеют.

Т.е. нужно
- либо задать высоту для .card и потом поделить пополам для каждого блока
- либо считать на js
- либо использовать гриды

[gazes12]

Ankhena, У codepen нету scss, мне неудобно с scss в css переписывать

[Evgeniy]

jsfiddle в России работает.

Но суть проблемы не понял, можно пример как должно быть?
Если надо чтобы блок с текстом был всегда одного размера, вне зависимости от того сколько туда вписать слов, то проще его обрезать до 3 строк например и всё..

[Ankhena]

gazes12, scss там есть и работает лучше, чем в jsfiddle.
Но дело ваше. Да и ответ я вам уже написала.