Last active
August 29, 2015 14:26
-
-
Save rocketnova/a3eb3ceaaa4582c3796c to your computer and use it in GitHub Desktop.
Flexbox: sticky footer without vh
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
html, body { | |
height: 100%; | |
} | |
body { | |
margin: 0; | |
color: white; | |
} | |
.container { | |
background-color: #3D6996; | |
display: flex; | |
flex-direction: column; | |
height: 100%; | |
} | |
.section { | |
padding: 10px; | |
} | |
.content { | |
background-color: #C35D09; | |
padding-bottom: 30px; | |
flex: 1 0 auto; | |
} | |
.footer { | |
background-color: #EB9E4B; | |
flex: 0 0 auto; | |
} |
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
<div class="container"> | |
<div class="content section"> | |
<p>Before they sold out seitan next level retro, Carles health goth Helvetica jean shorts McSweeney's umami skateboard. Seitan health goth chia Vice, food truck Etsy Portland you probably haven't heard of them four loko retro cornhole VHS single-origin | |
coffee polaroid lo-fi. Shoreditch lo-fi heirloom literally before they sold out. Messenger bag cronut Vice, tousled asymmetrical food truck irony banjo. Schlitz chambray semiotics XOXO leggings, pork belly kitsch. IPhone keytar selfies PBR ennui | |
umami. Twee pug meh try-hard literally skateboard, forage mumblecore cliche fashion axe.</p> | |
<p>Listicle vinyl actually plaid. Literally High Life seitan, hoodie meggings wayfarers butcher narwhal Pinterest vinyl art party biodiesel flannel flexitarian. Marfa tousled brunch hashtag, irony 8-bit deep v tofu tattooed. Portland meggings flannel | |
kogi, meh banh mi forage +1 post-ironic bitters street art. Mustache fashion axe Bushwick banh mi post-ironic pop-up. Normcore hashtag single-origin coffee, Godard mumblecore kale chips raw denim. Direct trade artisan Williamsburg, shabby chic | |
Bushwick Schlitz pour-over iPhone fanny pack Blue Bottle Odd Future sustainable fashion axe.</p> | |
<p>Keffiyeh Wes Anderson Intelligentsia occupy blog, meditation Thundercats meh. Pork belly sustainable stumptown chia cliche typewriter. Kickstarter Pinterest lo-fi salvia hashtag. Cray PBR&B trust fund, asymmetrical next level fashion axe High Life | |
deep v chillwave biodiesel. Viral hashtag Pitchfork, Bushwick Brooklyn direct trade keytar small batch Tumblr swag authentic. Gluten-free High Life Blue Bottle, VHS dreamcatcher selvage vegan pug. Kickstarter mustache semiotics fanny pack.</p> | |
<p>Sustainable you probably haven't heard of them Vice, meggings Thundercats craft beer Bushwick slow-carb. Tilde mixtape sustainable salvia, gentrify XOXO craft beer chia four dollar toast Godard farm-to-table Banksy. Trust fund master cleanse DIY | |
retro. Letterpress gluten-free Williamsburg forage. Scenester cardigan fixie PBR tousled. Chia cred Neutra, Portland tilde XOXO brunch semiotics Carles occupy. Church-key put a bird on it blog health goth 3 wolf moon, 90's Schlitz cardigan mumblecore | |
Banksy American Apparel plaid bicycle rights.</p> | |
</div> | |
<div class="footer section"> | |
<p>footer goes here</p> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment