Как сделать адаптивную сетку используя grid с 2 колонками разных размеров?

Question

[run182]

Нужно сделать адаптивную верстку: 2 блока - левый с меню и правый с контентом, при уменьшении размера экрана у правой уменьшается ширина до определенного порога, после чего он переходит на новую строку.

<div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));">
    <div>Menu</div>
    <div>Content</div>
</div>

Вариант как я показал выше подходит, но нужно сделать так, чтобы у левого блока было фиксировано 270px, а у правого резиновая, но не меньше 600px, после чего он переходит на новую строку.
Надеюсь ясно выразился. Заранее спасибо за помощь!

Answer 1

[remeder]

https://habrahabr.ru/company/edison/blog/343796/