css header & footer

web/themes/custom/reha/scss/partials/_footer.scss

@@ -1,47 +1,48 @@
 footer{
-    // box-shadow: 1px 0px 8px $black;
-    // display: flex;
-
-    // flex-direction: row;
     background-color: $white;
+    padding-top: 3rem;
     font-family: "Marianne";
     font-weight: 800;
-    
+    font-size: 1.3rem;
+    text-transform: lowercase;
+    h2{font-size: 1.3rem;}
     div{
-        display: flex;
-        flex: 1 1 120px;
-        flex-direction: row;
-        h2{
-            font-family: 'Marianne';
-        }
+        // display: flex;
+        // flex: 1 1 120px;
+        // flex-direction: row;
+        display: grid;
+        grid-template-columns: repeat(10, 1fr) ;
+
     }
 }
 
 #block-reha-logoreha-2{
-
+    grid-column: 2;
+    grid-row: 1;
 }
 
 #block-reha-pieddepage {
-    // background-color: yellowgreen;
-    // font-family: 'Marianne';
-    font-size: 1.5rem;
-
+    grid-column: 2;
+    grid-row: 3;
+    ul{padding-left: 0;}
 }
 
 #block-reha-operateurduprogramme{
+    grid-column: 4 /span 5;
+    grid-row: 1 /span 3;
     display: flex;
     flex-direction: column;
     border-left: $yellow-puca solid 5px;
-    border-right: $yellow-puca solid 5px;
-    padding-left: 3rem;
-    // font-family: 'Marianne';
-
+    padding-left: 1rem;
 }
 
 #block-reha-config-pages-2{
-    margin-left: 3rem;
-    border: none;
-    width: 20%;
+    grid-column: 6 /span 10;
+    grid-row: 1 /span 3;
+
+    // margin-left: 3rem;
+    border-left: $yellow-puca solid 5px;
+    padding-left: 1rem;
     display: flex;
     flex-direction: column;