Three Column Layout V2

The three column content reflow is a pattern layout example for the relationship of text and image across viewports.

Starting in a single tube of content the first change is switching the image to the left and text to the right for each element before returning to a stacked module spread out across three columns.

Three Column Layout V2

See the Pen Columns flow by Ramon Lapenta (@ramonlapenta) on CodePen.

View Codepen for Three Column Layout V2

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.