Почему не работает align-content: stretch?

Question

[relows]

На скрине выделен элемент, который должен быть одного размера с соседней картинкой, т.к. они лежат в

.flex-row
	@extend %flex
	flex-direction: row
	align-content: stretch

Но по не понятной мне причине строка align-content: stretch не работает.

Comments

[Ankhena]

Нужно смотреть содержимое второго столбца.
Либо выкладывайте проблему в песочницу.
Либо самостоятельно обведите рамкой/тенью/аутлайном внутренние блоки, посмотрите кто там виноват. Может, у вас картинка справа вообще абсолютом.

Answer 1

[lamer350]

потому что .flex-row не имеет высоты, сначала нужно добиться чтобы блок был такой же высоты как и элемент рядом, тогда это будет работать.

Comments

[relows]

Это я понимаю. Но они должны бть одного размера, т.к. лежат в

.flex-row
  @extend %flex
  flex-direction: row
  align-content: stretch

Т.е. должны выравниваться по картинке

[lamer350]

relows, не совсем, выложите код в песочницу