Laura Henze lhenze
This file contains 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
| ### Keybase proof | |
| I hereby claim: | |
| * I am lhenze on github. | |
| * I am lhenze (https://keybase.io/lhenze) on keybase. | |
| * I have a public key ASD0m0YdtNTcgEX2aPWbpnij3W-7lKeyTGSBv6_emidKeQo | |
| To claim this, I am signing this object: |
lhenze
/ index.html
Last active
August 29, 2015 14:11
Flexbox CSS - Elements which take up a third of their containers
This file contains 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
| <body > | |
| <div class="wrapper"> | |
| <div class="row-wrapper"> | |
| <main ><h1>Adventures in Flexbox. Here we have one type of box which is a third of the width (tomato-colored) and one which stretches to fill up the rest.</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pretium quam nec felis sagittis facilisis. Ut at vulputate dui. Nunc eros erat, elementum sit amet viverra vitae, rhoncus at nunc. Vivamus euismod massa vel elit bibendum porta. Aenean laoreet tincidunt lectus, in ornare diam placerat eget. Nam vestibulum mi id purus viverra tincidunt. Nam posuere justo nec risus tristique, ut feugiat libero pharetra. Proin sed scelerisque nibh. Donec ullamcorper dui et massa condimentum aliquet. Morbi luctus est nec ipsum porta rutrum vel ut nulla..</main> | |
| <aside >Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pretium quam nec felis sagittis facilisis.</aside> | |
| </div> | |
| <div class="row-wrapper"> | |
| <aside>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pretium quam n |