Column Drop

The column drop layout stacks one column at a time as the viewport is reduced. This is more of an adaptive design process and a step away from the
Mostly Fluid
layout pattern.

This is still using the float layout system although as support improves it will be likely to look more towards layouts based upon the
CSS Template Layout module
.

Column Drop

See the Pen Column Drop by Justin Avery (@justincavery) on CodePen.

View Codepen for Column Drop

Subscribe to our Newsletter

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