blouet.uk

Responsive Grid

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.

One
Eleven
Two
Ten
Three
Nine
Four
Eight
Five
Seven
Six
Six