Change positions of ContextMap and AveragesMap.

src/components/header/Header.vue

@@ -49,21 +49,23 @@ export default {
 
   display: grid;
   row-gap: 10px;
-  grid-template-rows: 50px 60px 100px;
+  grid-template-rows: 50px 100px 60px;
   grid-template-columns: auto 50px 50px 50px 20px;
+  grid-template-areas:
+    '. . . .'
+    'averages-map averages-map averages-map averages-map'
+    'context-map context-map context-map context-map';
 
   background-color: #ffffff;
   padding-bottom: 10px;
 }
 
 .context-map {
-  grid-row: -3 / -2;
-  grid-column: 1 / -2;
+  grid-area: context-map;
 }
 
 .averages-map {
-  grid-row: -2 / -1;
-  grid-column: 1 / -2;
+  grid-area: averages-map;
 }
 
 .icon {