Usually, the right block is displayed next to the left block.
But these blocks are re-arranged and the right block is displayed below the left block:
- when the window size gets too narrow,
- when the tablet is rotated to portrait mode,
- when a mobile phone is used.
Then the right block slides under the left block (= responsive behavior).
Note: The content always remains the same, only the position is changed.