css content positioning?

Question

css

Good afternoon. Please tell me how to position the content on the page. I don't know if it's better to use flex or grid in this case. I tried different options, it doesn’t work (The fact is that the first block with content is one and should be on the right side of the screen divided into two columns in half. And the second block with content should be lower and in the middle.
I would be grateful for an example.

Answer 1

Very simple variant with flexbox

Answer 2

There are no problems with grids at all (here through tailwind, but on pure css Not much more difficult)