Как растянуть колонку на всю высоту, если освободилось место у грида?

Question

[webe]

https://jsfiddle.net/fcnpjhbs/2/

Подскажите плиз.

В contentу меня есть 3 строчки
60 пикселей (action-bar)
60 пикселей (action-bar)
и строчка которая занимает всю область. (content)

допустим я удалил 2-ую строчку(закомментил в коде), как сделать так что бы третья строчка заняла всю область?

цель: я буду использовать этот layout на весь проект, но на некотрых страницах нужно удалять 2 строку.
я так понимаю средставми grid это нельзя автоматизировать и в проекте нужно будет создавать 2 layout с разными правилами css?

просто в flex блок мог автоматически подстроится через flex:1 на всю высоту

Comments

[Павел Атайкин]

А в чём проблема не использовать grid для .container. Если использовать display:block, то оно будет вести как раз, как ты хочешь. Если это не так, можешь объяснить подробнее, что именно ты хочешь сделать.