A very simple but effective method of having a responsive layout depending on the viewport of the device in use. The solution involves the CSS calc() function and the three width, min-width and max-width properties. This was devised by Rémi Parmentier. You can check this out by resizing your browser and the columns will adapt accordingly. When the container width reaches 480 pixels the columns are stacked on top of one another.