Skip to content

Instantly share code, notes, and snippets.

@avidrucker

avidrucker/index.html

Created November 1, 2018 00:00
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save avidrucker/14b236b69bb718f133d8625a056ec19b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save avidrucker/14b236b69bb718f133d8625a056ec19b to your computer and use it in GitHub Desktop.
Download ZIP
Layout Demo1
Raw
index.html
<div class="min-vh-100 min-h-100 max-vh-100 flex flex-column">
<div>
<header class="pv3 bg-red">Header: I</header>
<nav class="pv3 bg-green">Nav/SubHeader: am</nav>
</div>
<div class="flex flex-column justify-between flex-grow-1 bg-blue pa3">
<div class="justify-start bg-pink">
<div class="bg-orange">Label/Heading: g</div>
<div>Content: r</div>
<div>Content: o</div>
<div>Content: o</div>
</div>
<div class="justify-end pa3 bg-purple">
<div>Button: t</div>
</div>
</div>
</div>
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.11.1/tachyons.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment