Permalink
Browse files

css the shit out of this tic tac toe

  • Loading branch information...
lanphantastic committed Nov 13, 2017
1 parent afc92c1 commit 4996fe2f20760f5e2b9098818c55e15855153a42
Showing with 57 additions and 0 deletions.
  1. +27 −0 index.html
  2. +25 −0 main.css
  3. +5 −0 main.js
View
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div id="tic-tac-toe">
<div class="span3">
<div class="row">
<h1 class="span3">Tic Tac Toe</h1>
</div>
<div class="wrapper">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
<div class="box">5</div>
<div class="box">6</div>
<div class="box">7</div>
<div class="box">8</div>
<div class="box">9</div>
</div>
<script src="main.js"></script>
</body>
</html>
View
@@ -0,0 +1,25 @@
body {
margin: 40px;
}
.box {
background-color: #444;
color: #fff;
border-radius: 5px;
padding: 20px;
font-size: 150%;
}
.box:nth-child(even) {
background-color: #ccc;
color: #000;
}
.wrapper {
width: 600px;
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(6, 100px);
grid-template-rows: 100px 100px 100px;
grid-auto-flow: column;
}
View
@@ -0,0 +1,5 @@
var x = "x"
var o = "o"
var count = 0;
var o_win = 0;
var x_win = 0;

0 comments on commit 4996fe2

Please sign in to comment.