Skip to content

Instantly share code, notes, and snippets.

@bmoren

bmoren/grid.html

Created October 20, 2014 23:20
Show Gist options
  • Save bmoren/d686a7d786481311db00 to your computer and use it in GitHub Desktop.
Save bmoren/d686a7d786481311db00 to your computer and use it in GitHub Desktop.
Download ZIP
CSS/ HTML Grid of 9 points
Raw
grid.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style type="text/css" media="screen">
html{height:100%;}
body{height:100%;}
.grid{
height: 100%
}
.col{
width: 33.33%;
float: left;
height: 33.33%
}
.grid:after {
content: "";
display: table;
clear: both;
}
</style>
<body>
<div class="grid">
<div class="col">
1
</div>
<div class="col">
2
</div>
<div class="col">
3
</div>
<div class="col">
4
</div>
<div class="col">
5
</div>
<div class="col">
6
</div>
<div class="col">
7
</div>
<div class="col">
8
</div>
<div class="col">
9
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment