Skip to content

Instantly share code, notes, and snippets.

@dracos
Last active August 29, 2015 13:59
Show Gist options
  • Save dracos/0246afd4c48ed6be9560 to your computer and use it in GitHub Desktop.
Save dracos/0246afd4c48ed6be9560 to your computer and use it in GitHub Desktop.
> <meta name=viewport content="initial-scale=1.0">
> <style>
> @media all and (max-width: 40em) {
> body {
> display: -webkit-flex;
> display: flex;
> -webkit-flex-direction: column;
> flex-direction: column;
> }
> body > header {
> -webkit-order: 1;
> order: 1;
> }
> body > aside {
> -webkit-order: 3;
> order: 3;
> float: none;
> width: auto;
> margin-right: 20px;
> }
> main {
> -webkit-order: 2;
> order: 2;
> margin-left: 20px;
> }
> body > footer {
> -webkit-order: 4;
> order: 4;
> }
> }
> </style>
>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment