Responsive Horizontal Layout with individually scrollable content panels

The idea of this tutorial is to create a horizontal layout with several content panels, with each panel individually scrollable. The challenge is dealing with different viewport sizes meaning that you will change the layout if the screen is not wide enough in order to be stacked vertically instead of horizontally.