How to make 1 block on the left and 2 blocks on the right for half the height?

Question

css

I was able to make a grid from the first picture, but how to make this whole thing adaptive, so that when the site is enlarged, the green block slides down and occupies 100% of the page width. I would be glad to see your solutions.

Answer 1

In CSS, do boxes have a grid property?

Answer 2

https://youtu.be/x843xbMXkfc
very clear and useful video for learning adaptive layout in my meager opinion