What is layout shifter pattern to create a responsive design?
In this pattern, different layouts are used for different screen sizes. A multi-column layout at looks different in large screens and different in small devices. Below is the structure of this type of layout. Left navigation shifts to the top as the size of the screen gets smaller.