У меня проблема с HTML, которая довольно сложна, и яЯ не уверен, что для этого есть решение на основе CSS. В основном у меня есть три столбца сетки. Первый и третий столбцы могут содержать переменное количество строк в них. Второй столбец всегда имеет ровно одну строку. Каждый ряд имеет минимальную высоту.

Таким образом, столбец с наибольшим количеством строк будет иметь все строки с высотой, установленной на минимальную высоту. Строки в других столбцах должны увеличиваться одинаково по высоте, чтобы занимать оставшееся пространство.

Скажем, у первого столбца три строки, каждая высотой 50 пикселей. Второй столбец должен иметь высоту 150px. Если в третьем столбце 2 строки, каждый из них должен иметь высоту 75 пикселей. Ниже приведены некоторые фотографии, чтобы проиллюстрировать, что ям после.

Это возможно даже с CSS?