Skip to content

Instantly share code, notes, and snippets.

@jasikpark

jasikpark/index.html

Last active November 5, 2016 06:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jasikpark/488731f074b1098e3746b3d083912118 to your computer and use it in GitHub Desktop.
Save jasikpark/488731f074b1098e3746b3d083912118 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tic Tac Toe</title>
<meta name="description" content="Tic Tac Toe">
<meta name="author" content="Caleb Jasik">
<style>
.col-0 {
float: 'left';
}
.col-1 {
float: 'center';
}
.col-2 {
float: 'right';
}
[class*='col-'] {
width: 33.33%;
height: 33.33%;
background: 'blue';
}
.grid:after {
content: "";
display: table;
clear: both;
}
.grid {
background: 'white';
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[class*='col-'] {
padding-right: 20px;
}
[class*='col-']:last-of-type {
padding-right: 0;
}
body {
background: 'gray';
}
</style>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<h1>Tic Tac Toe</h1>
<div id="grid">
<div id="col-0">
<ul>
<li>(0,0)</li>
<li>(0,1)</li>
<li>(0,2)</li>
</ul>
</div>
<div id="col-1">
<ul>
<li>(1,0)</li>
<li>(1,1)</li>
<li>(1,2)</li>
</ul>
</div>
<div id="col-2">
<ul>
<li>(2,0)</li>
<li>(2,1)</li>
<li>(2,2)</li>
</ul>
</div>
</div>
<script></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment