Broken but fixed

client/cryps.css

@@ -370,21 +370,20 @@ header {
 
 .instance {
     display: grid;
-    grid-gap: 10px;
     grid-template-columns: repeat(12, 1fr);
     grid-template-rows: repeat(7, 1fr);
     grid-template-areas: 
         "n v v v v v v v v v v v"
         "n v v v v v v v v v v v"
-        "g g g g g g g g g g g g"
-        "f f f f f f f f f f f f"
-        "f f f f f f f f f f f f"
-        "f f f f f f f f f f f f"
-        "f f f f f f f f f f f f";
+        "x x g g g g g g g g g g"
+        "x x f f f f f f f f f f"
+        "x x f f f f f f f f f f"
+        "x x f f f f f f f f f f"
+        "x x f f f f f f f f f f";
 }
 
 .instance-hdr {
-    gird-area: n;
+    grid-area: n;
     display: flex;
     flex-flow: row;
 
@@ -392,6 +391,7 @@ header {
 }
 
 .instance-info {
+    grid-area: x;
     flex: 0 0 50%;
 }
 
@@ -412,7 +412,7 @@ header {
 .vbox-box {
     grid-area: vb;
     justify-self: end;
-    max-width: 600px;
+    max-width: 450px;
     display: flex;
     flex-flow: row wrap;
 }
@@ -420,7 +420,7 @@ header {
 .vbox-inventory {
     grid-area: i;
     justify-self: start;
-    max-width: 600px;
+    max-width: 450px;
     display: flex;
     flex-flow: row wrap;
 }

client/src/components/instance.component.jsx

@@ -92,11 +92,12 @@ function InstanceComponent(args) {
             {timer}
             <VboxContainer />
             <InstanceCrypsContainer />
+            <InfoContainer />
         </main>
     );
 }
 
 
-// <InfoContainer /> Removed while WIP
+//  Removed while WIP
 
 module.exports = InstanceComponent;