Add header div

alessandrocuzzocrea · Mar 3, 2018 · c6335bb · c6335bb
1 parent 1112095
commit c6335bb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/index.html b/src/index.html
@@ -10,6 +10,7 @@
 
 <body>
     <div class="container">
+        <div class="header">CHIP-8</div>
         <div class="controls">
             <select id="rom-select">
                 <option value="TEST1" selected>TEST1</option>

diff --git a/src/style.scss b/src/style.scss
@@ -33,16 +33,24 @@ button {
   }
 }
 
-.current-instruction {
-  background-color: $accent-color;
-}
-
 .container {
+  margin: 0 auto;
   display: grid;
+  max-width: 1024px;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 10px;
 }
 
+.header {
+  text-align: center;
+  grid-column: span 3;
+  border: 1px solid $accent-color;
+}
+
+.current-instruction {
+  background-color: $accent-color;
+}
+
 .controls {
   display: grid;
   grid-template-columns: repeat(1, 1fr);