Skip to content

Instantly share code, notes, and snippets.

@nicksteffens

nicksteffens/foundation.html

Created November 25, 2013 23:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save nicksteffens/7650858 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save nicksteffens/7650858 to your computer and use it in GitHub Desktop.
Download ZIP
Foundation defined height test
Raw
foundation.html
<html>
<head>
<link rel="stylesheet" href="foundation-5.0.2/css/foundation.min.css">
<style>
.row img {
height:400px;
width:auto;
}
</style>
</head>
<body>
<div class="row">
<div class="column small-12">
<h1>HEADER ROW</h1>
</div>
</div>
<div class="row">
<div class="column small-4">
<img src="http://placehold.it/200x200" alt="">
</div>
<div class="column small-4">
<h2>Nested</h2>
<div class="row">
<div class="column small-4">Column</div>
<div class="column small-4">Column</div>
<div class="column small-4">Column</div>
</div>
</div>
<div class="column small-4">
<h2>Double Nested</h2>
<div class="row">
<div class="column small-6">
<h5>Yes single</h5>
</div>
<div class="column small-6">
<div class="row">
<div class="column small-4">One</div>
<div class="column small-4">Two</div>
<div class="column small-4">Three</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment