Skip to content

Instantly share code, notes, and snippets.

@akeelnazir
Created April 22, 2015 08:51
Show Gist options
  • Save akeelnazir/43577d40ab813c8a7710 to your computer and use it in GitHub Desktop.
Save akeelnazir/43577d40ab813c8a7710 to your computer and use it in GitHub Desktop.
Playing with flex-box
/**
* Playing with flex-box
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.flex-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
}
.flex-item {
border: 1px solid black;
}
<div class="flex-container">
<div class="flex-item"> Item 1</div>
<div class="flex-item"> Item 2</div>
<div class="flex-item"> Item 3</div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment