Skip to content

Instantly share code, notes, and snippets.

@drewlesueur

drewlesueur/flexbox_simple.html

Created April 16, 2018 17:04
Show Gist options
  • Save drewlesueur/9c7eac25fcd006b854e46e9800c3f418 to your computer and use it in GitHub Desktop.
Save drewlesueur/9c7eac25fcd006b854e46e9800c3f418 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
flexbox_simple.html
<!doctype html>
<div style="display: flex; flex-flow: column; height: 400px; width: 300px; border: 1px solid green">
<div style="padding: 20px; background-color: teal; color: white;"> This is some sort of heading</div>
<div style="border: 1px solid red; overflow: auto;">
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
this is the body
<br>
</div>
<div style="padding: 20px; background-color: teal; color: white;">Footer</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment