added button-left and button-right classes for positioning

Author: cosmicCode42

assets/css/style.css

@@ -49,24 +49,28 @@ h1,h2,h3,h4,h5,h6 {
     opacity: 0.85;
 }
 
+.button-left {
+    left: 25%;
+}
+
+.button-right {
+    left: 50%;
+}
+
 #button-red {
     background-color: #ff0000;
-    left: 25%;
 }
 
 #button-yellow {
     background-color: #ffff00;
-    left: 50%;
 }
 
 #button-blue {
     background-color: #1b1bf7;
-    left: 25%;
 }
 
 #button-green {
     background-color: #008000;
-    left: 50%;
 }
 
 #start {

index.html

@@ -17,15 +17,15 @@ <h4 id="ml-heading">Max Length: <span id="maxlength">0</span></h4>
 
     <!-- Main body-->
     <div class="container">
-        <button data-listener="false" class="node" id="button-red"></button>
-        <button data-listener="false" class="node" id="button-yellow"></button>
+        <button data-listener="false" class="node button-left" id="button-red"></button>
+        <button data-listener="false" class="node button-right" id="button-yellow"></button>
     </div>
     <div class="start-container">
         <button class="button" id="start" onclick="newGame()">Start Game</button>
     </div>
     <div class="container">
-        <button data-listener="false" class="node" id="button-blue"></button>
-        <button data-listener="false" class="node" id="button-green"></button>
+        <button data-listener="false" class="node button-left" id="button-blue"></button>
+        <button data-listener="false" class="node button-right" id="button-green"></button>
     </div>
     <!-- Main body end. -->