Skip to content

Instantly share code, notes, and snippets.

@norbert-codes
Last active May 13, 2016 22:03
Show Gist options
  • Select an option

  • Save norbert-codes/7914c31651af702467a372738f723410 to your computer and use it in GitHub Desktop.

Select an option

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.
//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%;
}
}
@norbert-codes
Copy link
Author

Here is the link to the slides of the talk.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment