css footer

web/themes/custom/reha/css/reha.css

@@ -250,36 +250,31 @@ footer {
   font-weight: 800;
   font-size: 1.3rem;
   text-transform: lowercase; }
+  footer div {
+    display: flex;
+    flex-direction: row; }
   footer h2 {
     font-size: 1.3rem; }
-  footer div {
-    display: grid;
-    grid-template-columns: repeat(10, 1fr); }
+  footer section:not(:first-of-type) {
+    border-left: #fdc300 solid 5px;
+    padding-left: 2rem; }
+  footer section:not(:last-of-type) {
+    padding-right: 5rem; }
 
-#block-reha-logoreha-2 {
-  grid-column: 2;
-  grid-row: 1; }
+#footer-left {
+  margin-left: 10rem; }
+  #footer-left div {
+    display: flex;
+    flex-direction: column;
+    padding-right: 2rem; }
+    #footer-left div #block-reha-pieddepage ul {
+      padding-left: 0; }
 
-#block-reha-pieddepage {
-  grid-column: 2;
-  grid-row: 3; }
-  #block-reha-pieddepage ul {
-    padding-left: 0; }
-
-#block-reha-operateurduprogramme {
-  grid-column-start: 4;
-  grid-column-end: 6;
-  grid-row: 1 /span 3;
+#footer-middle #block-reha-operateurduprogramme {
   display: flex;
-  flex-direction: column;
-  border-left: #fdc300 solid 5px;
-  padding-left: 1rem; }
+  flex-direction: column; }
 
-#block-reha-config-pages-2 {
-  grid-column: 6 /span 10;
-  grid-row: 1 /span 3;
-  border-left: #fdc300 solid 5px;
-  padding-left: 1rem;
+#footer-right #block-reha-config-pages-2 {
   display: flex;
   flex-direction: column; }
 

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

@@ -5,47 +5,48 @@ footer{
     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;
-        display: grid;
-        grid-template-columns: repeat(10, 1fr) ;
+        display: flex;
+        flex-direction: row;
+    
+    }
 
+    h2{font-size: 1.3rem;}
+
+
+    section:not(:first-of-type){
+        border-left: $yellow-puca solid 5px;
+        padding-left: 2rem;
+    }
+    section:not(:last-of-type){
+        padding-right: 5rem;
     }
 }
 
-#block-reha-logoreha-2{
-    grid-column: 2;
-    grid-row: 1;
-}
-
-#block-reha-pieddepage {
-    grid-column: 2;
-    grid-row: 3;
-    ul{padding-left: 0;}
-}
-
-#block-reha-operateurduprogramme{
-    // grid-column: 4 /span 5;
-    grid-column-start: 4;
-    grid-column-end: 6;
-    grid-row: 1 /span 3;
+#footer-left {
+margin-left: 10rem;
+    div{
     display: flex;
     flex-direction: column;
-    border-left: $yellow-puca solid 5px;
-    padding-left: 1rem;
+    padding-right: 2rem;
+        #block-reha-pieddepage {
+            ul{
+                padding-left: 0;
+            }
+        }
+    }
 }
 
-#block-reha-config-pages-2{
-    grid-column: 6 /span 10;
-    grid-row: 1 /span 3;
+#footer-middle{
+    #block-reha-operateurduprogramme{
+        display: flex;
+        flex-direction: column;
+    }
+}
 
-    // margin-left: 3rem;
-    border-left: $yellow-puca solid 5px;
-    padding-left: 1rem;
-    display: flex;
-    flex-direction: column;
-
-}
+#footer-right{
+    #block-reha-config-pages-2{
+        display: flex;
+        flex-direction: column;
+    }
+}

web/themes/custom/reha/scss/reha.scss

@@ -15,7 +15,7 @@
 
 /*partials*/
 @import "partials/header";
-@import "partials/footer";
+@import "partials/footer.scss";
 @import "partials/forms";