How to make adaptive mesh on how they can be harmonized?

I have a grid where is the main content and side bar, I spaced them on how they can be harmonized in the container, reducing the ratio to 1020px I hide the sidebar, how do I do adaptive main content? there is also a grid, I want the left block, which 760px as long as you can decreased, right below the block that 240px is not lost, and not slipped down.

Probation to 700px I want the mesh was just rubber, after - adaptive.
Trying to twist through the repeat(auto-fit, minimax(...)), but apparently it did not work.

https://codepen.io/sotni-lichnostej/pen/oNXxmeg?ed...

PS for some reason the link to the codepen is not showing.

layout - prnt.sc/r3l13h

ps ps added layout.
April 7th 20 at 15:30
2 answers
April 7th 20 at 15:32
Banal familiar with bootstrap?
@Mary, I agree?)) - Eleanora_Mills commented on April 7th 20 at 15:50
@eduardo9 fu fu fu, don't say such bad words in 2020 - henri.Huel commented on April 7th 20 at 15:35
@Mary, to the employer it will tell you where 40 large projects on strapon, discuss how you will hire. - Eleanora_Mills commented on April 7th 20 at 15:38
@carlotta_Gibson55, not a single project we have for this shit, no, normal office so not ply, high admin for the internal forum - henri.Huel commented on April 7th 20 at 15:41
so adjust the media queries, what's the problem - elisa.Schaefer commented on April 7th 20 at 15:44
@Darion_Kerluke, too many of them out, there is a high probability somewhere to miss - henri.Huel commented on April 7th 20 at 15:47
@Mary, for me as an employer and developer important: low cost, speed of development and the result. and I don't care what it was made to be. We don't know how to solve the problem which will solve any shkololo, but we are pretentious to the extent of "fu fu fu"... What do you do in this case? - kailyn.Kovac commented on April 7th 20 at 15:53
@eduardo9, strange you, the employer, who is trying to combine three incompatible things, BU never went
low cost, speed of development and the result.
. Just criticize - let's solve the problem, crack all know - henri.Huel commented on April 7th 20 at 15:56
@Maryagain: I think - it's painful, but necessary. Download bootstrap, open the styles and look eyes how it is implemented. On the weak do not succeed my friend. - kailyn.Kovac commented on April 7th 20 at 15:59
@eduardo9, go away if you are stuck in the past, we should not rest there pull. Go to jQuery write) - henri.Huel commented on April 7th 20 at 16:02
@Mary, now tell me stupid, for example I have 50 bikes in stock the beginning of the season, I need to the evening I had 3 versions of the landing page for this stuff because my goal is to quickly dispose of them on the market and give it runs. I set the task and gauvreau: native, here's the budget, we must do quickly, on the fourth iPhone and on the desktop clients understood and saw that I sell him and was able to get in touch. And then I'm starting this miracle Lollipop that has read a lot of books, watched a couple courses on YouTube, to treat me on the topic of what "Uncle, you don't understand, it's something that is cheap is wrong, is the last century, it is now 2020, and since you want to typeset in 2019, no, no, no, it's not fancy, not beautiful, not like this." I ask, and what pereboom will this affect the result? Yes, even Tablada swerty, I like purple. The basis of the decision not to stick out new products, and to use time-tested and perfectly working solution. All. Nothing more is needed. Therefore, at the time I sat down at the computer and in a couple of weeks mastered unloved bootstrap, but now I spend a minimum of time, zero money. And the more I spit on the axis, which is for my genitals, lovers of outrage that their shit trying to monetize under 100k for landing. - kailyn.Kovac commented on April 7th 20 at 16:05
April 7th 20 at 15:34
Add .preview.container {grid-template-columns: auto;} media. If correctly understood the task, then it should work.

Find more questions by tags CSS