Demo: Responsive Column Layouts - Romario fixed

Original tutorial by Nick La, Web Designer Wall (read Responsive Column Layouts)

Resize your browser window to see the columns switch from 4 to 3, then to 2, and full width.

Try this one Nick, please! :)
No "!important", no clearing floats, no ":nth-of-type(4n+1)", no selectivizr.js needed :)
Works in IE like a dream! :)


Column 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum euismod diam, id ultrices nunc lobortis eget. Donec ac vulputate metus. Suspendisse vel neque dui, ut tempus nibh.
Column 2
Column 3
Column 4
Column 5
Column 6
Column 7
Column 8