Skip to content

Instantly share code, notes, and snippets.

@Swizec
Created Mar 30, 2012
Embed
What would you like to do?
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
min-height: 100%;
}
#main {
display: box;
width: 100%;
}
#main div {
flex-pack: center;
flex: 1;
}
#main div:nth-child(2) {
flex: 2;
}
#main div img {
width: 100%;
}
<!-- content to be placed inside <body>…</body> -->
<div id="main">
<div>lorem ipsum </div>
<div><img src="http://www.stfc.ac.uk/resources/image/RosDustLge.jpg" /></div>
<div>lorem lipsum</div>
</div>
{"view":"split","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment