Commits

Colin Copeland committed 15db7b1

add a bit of style

Comments (0)

Files changed (2)

tic-tac-toe/index.html

         <script src="media/game.js" type="text/javascript" charset="utf-8" ></script>
     </head>
     <body>
-        <header>Tic Tac Toe</header>
-        <div id="coords"></div>
-        <canvas id='board' width="600" height="600"></canvas>
-        <ul>
-            <li><a href='https://developer.mozilla.org/en/Canvas_tutorial'>Canvas_tutorial</a></li>
-            <li><a href='http://developer.apple.com/mac/library/documentation/AppleApplications/Conceptual/SafariJSProgTopics/Tasks/Canvas.html'>Apple's Using the Canvas</a></li>
-            <li><a href='http://billmill.org/static/canvastutorial/paddle.html'>Paddle</a></li>
-        </ul>
-        <footer>Caktus Consulting Group, LLC</footer>
+        <div id='strip'>
+            <header>Tic Tac Toe</header>
+            <div id='container'>
+                <canvas id='board' width="450" height="450"></canvas>
+            </div>
+                <div id="coords"></div>
+            <ul>
+                <li><a href='https://developer.mozilla.org/en/Canvas_tutorial'>Canvas_tutorial</a></li>
+                <li><a href='http://developer.apple.com/mac/library/documentation/AppleApplications/Conceptual/SafariJSProgTopics/Tasks/Canvas.html'>Apple's Using the Canvas</a></li>
+                <li><a href='http://billmill.org/static/canvastutorial/paddle.html'>Paddle</a></li>
+            </ul>
+            <footer>Caktus Consulting Group, LLC</footer>
+        </div>
     </body>
 </html>

tic-tac-toe/media/style.css

+body {
+    margin: 0;
+    background-color: #FFB100;
+}
+
+div#strip {
+    width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+    background-color: #FFd437;
+    border-left: 1px solid #BF9430;
+    border-right: 1px solid #BF9430;
+}
+
+div#container {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
 header {
     display: block;
+    font-size: 4em;
+    text-align: center;
 }
 
 footer {