How to set html elements to the same relative height?

Question

css

Greetings.

jsfiddle.net/atpqt1jb/1
Is it possible to make the red and green boxes the same height? That is, so that all green ones stretch along the maximum height of the green block, red ones - along the red one. Now I'm doing it through JS, maybe it can be done through flexbox or other CSS tools?
Thank you.

Answer 1

If ul li is not important, then use stupid table tr td If it is important, then see css
display: table, table-row, table-cell
-cell ul in table)