Last active
May 13, 2016 22:03
-
-
Save norbert-codes/7914c31651af702467a372738f723410 to your computer and use it in GitHub Desktop.
A dead-simple, very basic flexbox based grid, inspired by Glen Madderns talk on CSSConfBP 2016.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //Just for the demo | |
| body { | |
| background: #fafafa; | |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| color: #333; | |
| } | |
| .row { | |
| display: flex; | |
| //min-height set for only the demo | |
| min-height: 300px; | |
| padding: 1rem; | |
| * { | |
| //background color for the demo | |
| background-color: lightgreen; | |
| padding: 0.5rem; | |
| flex-grow: 1; | |
| } | |
| * + * { | |
| margin-left: 1rem; | |
| } | |
| aside { | |
| flex: 0 0 30%; | |
| } | |
| } |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Here is the link to the slides of the talk.