Flip flop navigation with box-flex

Avatar of Chris Coyier
Chris Coyier on

UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today.

Jeremy Keith shows us how to put the navigation on the bottom of the page in a vertical layout for small screens and the top of the page in a horizontal layout for large screens by fiddling with the the box-direction and box-orientation in a flex box layout.

The flex box spec is being rewritten and I hope that gets done and out the door so the awkward transitional phase between the different syntaxes is as short as possible.

Direct Link →