An app with a demo layout:
There are 2 blocks that are placed in a column on small screens and in a row on medium and wide screens.
In column mode, the height of the blocks is determined by their content, and width must take all the available space. The blocks area is scrollable vertically.
In row mode, the height of the blocks is determined by their content, and if the heights are different, the blocks are centered vertically (variant: set to match the tallest block).
The width of the right block is determined by its content which cannot be shrunk. The left block takes up the remaining space minus the padding between blocks, and its content must fit within the block's width.