How to make an adaptive grid using a grid with 2 columns of different sizes?

Need to do responsive layout: 2 blocks - left menu and right content, if you reduce the size of the screen at the right width is decreased to a certain threshold after which it moves to a new line.
<div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));">
the <div>Menu</div>
the <div>Content</div>
</div>

Option as I have shown above is suitable, but you need to make the left block was fixed 270px, and the right rubber, but not less than 600px, and then it goes to a new line.
Hope made myself clear. Thanks in advance for the help!
June 8th 19 at 16:36
1 answer
June 8th 19 at 16:38

Find more questions by tags HTMLCSS