Fixed some desktop sizing.

toroid.css

@@ -144,17 +144,54 @@ div input {
 @media screen and (min-width: 800px) {
     section.gridLayoutClass {
         display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-template-rows: 1fr 1fr;
+        grid-template-columns: 1fr;
+        grid-template-rows: 1fr 0.3fr;
         grid-template-areas: 
-        "inductor-container" "slider-container"
-        "inductor-container" "notes";
+        "chart-container"
+        "inductor-container" 
+        "slider-container";
         justify-items: stretch;
     }
 
+    section div.chart-container {
+        height: 50vh;
+        width: 100vw;
+        box-sizing: border-box; 
+    }
+    
     section div.inductor-container {
-        height: 100vh;
-        width: 50vw;
+        height: 25vh;
+        width: 100vw;
+        box-sizing: border-box; 
+    }
+    
+    section div.slider_container {
+        width: 100%;
+        height: 10vh;
+    }
+}
+
+/*
+@media screen and (min-width: 800px) {
+    section.gridLayoutClass {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-template-rows: 1fr 0.3fr;
+        grid-template-areas: 
+        "chart-container" "inductor-container" 
+        "slider-container"  "notes";
+        justify-items: stretch;
+    }
+
+    section div.chart-container {
+        height: 70vh;
+        width:  50vw;
+        box-sizing: border-box; 
+    }
+    
+    section div.inductor-container {
+        height: 70vh;
+        width:  50vw;
         box-sizing: border-box; 
     }
     
@@ -168,7 +205,7 @@ div input {
         height: 50%;
     }
 }
-
+*/
 
 /*
 @media (orientation: landscape) {