css rorschach theme

web/themes/custom/rorschach/scss/global/_layout.scss

@@ -1,13 +1,15 @@
 
 
 .block{
-    box-shadow: 1px 0px 1px $black;
+    // box-shadow: 0px 0px 1px $black;
 }
 
 // .layout-sidebar-first{
 //     clear: left;
 // }
-
+// .form-wrapper{
+//     visibility: hidden;
+// }
 
 .layout-container {
     font-family: $font-family-default;
@@ -16,33 +18,53 @@
     left: 0%;
     width: 100%;
     overflow: hidden;
-    display: flex;
-    flex-flow: row wrap;
-    ;
+    // display: flex;
+    // flex-flow: row wrap;
+    // display: -ms-grid;
+    // display: grid;
+    // -ms-grid-rows: 5fr;
+    // grid-template-rows: 5fr;
+    // -ms-grid-columns: (minmax(0, 1fr));
+    // grid-template-columns: repeat(6, minmax(0, 1fr));
+    // grid-column-gap: 1.125rem;
+
     header{
         flex: 0 0 100%;
+        grid-row: 1;
     }
     main{
-        
+        width: 100%;
         position: relative;
         // top: -7rem;
-        .layout-sidebar-first{
+        grid-column: 1 / 5;
+        grid-row: 2 / span 4;
 
+        .layout-content{
+            margin-left: 3rem;
+            margin-right: 3rem;
+            // padding-top: 7rem;
+            padding-bottom: 6rem;
+            .field__label{
+                visibility: hidden;
+            }
         }
     }
+
+    aside{
+        grid-column: 5 /span 6;
+        grid-row: 2 /span 4;
+      }
+
+
+
+    
     footer{
-        flex: 0 0 100%;
-    }
-
-
-}
-.layout-content{
-    padding-top: 7rem;
-    padding-bottom: 6rem;
-    .field__label{
-        visibility: hidden;
-    }
+        // flex: 0 0 100%;
+        grid-column: 1 / span 10;
+        grid-row: 6;
+      }  
 }
+
 // .path-frontpage{
 //     margin: 0;
 // }