Как выронить высоту блоков?

Question

[Артём Ведищев]

Всем привет!
https://jsfiddle.net/hoexLfq9/1/
Как сделать так чтоб высота левого и правого блока была равной при любом разрешении?
При этом блок с текстом должен занимать все оставшееся место в колонке.
Можно ли без flex, grid и JS?

Answer 1

[Ankhena]

Можно ли без flex, grid и JS?

да, еще есть display:table

Comments

[Артём Ведищев]

А с высотой как быть?

[Ankhena]

Артём Ведищев, еще раз спросите как-нибудь понятнее

[Артём Ведищев]

Ankhena W,
https://jsfiddle.net/7btdv1a3/
Сделал по аналогии с table -> tr -> td
Получилось плохо, что не так делаю? Где копать?

[Ankhena]

Артём Ведищев, копать спецификацию, как обычно ;)

https://jsfiddle.net/g91bmumh/
красные рамки для наглядности

[Артём Ведищев]

Ankhena W, В чисто табличной версии тоже не очень.
https://jsfiddle.net/udh8eqrs/
Хотя лучше.
А нужно чтоб нижний край блока с текстом (в рамке) был на уровне нижнего края картинки справа.

[Ankhena]

Артём Ведищев, не майтесь дурью, флексы придумали специально для этого

[Артём Ведищев]

Ankhena W, А как растянуть блок с текстом на все оставшиеся свободное место? Текст центрируется по-вертикали.

[Ankhena]

Артём Ведищев, https://html5book.ru/css3-flexbox/

[Артём Ведищев]

Ankhena W, Это понятно, спасибо за помощь!

[Ankhena]

Артём Ведищев, Еще есть calc
И хорошо бы видеть макет и понимать цель таких странных условий про флекс и js.

[Артём Ведищев]

Тех задания нет, проект учебный.
На макете примерно так https://jsfiddle.net/hoexLfq9/2/

Answer 2

[Froggyweb]

flex, grid и JS?

никто из них не выровняет визуально. даже я не знаю как ровнять за счету увеличения картинки или переноса подписи вниз?