Flip flop navigation with box-flex

Avatar of Chris Coyier
Chris Coyier on

Try Mailchimp today. MailChimp Tracking Pixel

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 →