added css for responsiveness across 1024px and 768px screen width

Author: cosmicCode42

assets/css/style.css

@@ -92,4 +92,50 @@ h1,h2,h3,h4,h5,h6 {
     border: 5px inset #000000;
 }
 
-/* ---------------- resizing on different screen sizes */
+/* ---------------- responsive design for different screen sizes */
+
+@media screen and (max-width: 1024px) {
+    .button-left {
+        left: 20%;
+    }
+
+    .button-right {
+        left: 47.5%;
+    }
+
+    #start {
+        top: 25%;
+    }
+}
+
+@media screen and (max-width: 768px) {
+
+    .container {
+        height: 8rem;
+    }
+    
+    .start-container {
+        height: 7rem;
+    }
+
+    .node, #start {
+        width: 8rem;
+        height: 8rem;
+        border-width: 4px;
+        border-radius: 4rem;
+    }
+
+    .button-left {
+        left: 20%;
+    }
+
+    .button-right {
+        left: 45%;
+    }
+
+    #start {
+        height: 3rem;
+        top: 25%;
+        left: 40%;
+    }
+}