Fix grid in Edge browser

client/src/App.vue

@@ -69,7 +69,10 @@
 
     &__header {
       grid-area: h;
+      display: -ms-grid;
+      @supports (display: grid) {
         display: grid;
+      }
       align-items: center;
       justify-content: space-around;
       background-color: $color-white;
@@ -81,7 +84,6 @@
       /*
        * For IE10+
        */
-      display: -ms-grid;
       -ms-grid-columns: 1fr 1fr 1fr;
       -ms-grid-rows: 60px 60px;
 

client/src/components/rooms/RoomWidget.vue

@@ -57,7 +57,10 @@
   }
 
   .room-widget {
+    display: -ms-grid;
+    @supports (display: grid) {
       display: grid;
+    }
     grid-template-rows: 210px 1fr;
     overflow: hidden;
     @include widget-shadow;
@@ -65,7 +68,6 @@
     /*
      * For IE10+
      */
-    display: -ms-grid;
     -ms-grid-rows: 210px 1fr;
     -ms-grid-columns: 1fr;
 

client/src/pages/book.vue

@@ -22,7 +22,10 @@
 
 <style scoped lang="scss">
   .book {
+    display: -ms-grid;
+    @supports (display: grid) {
       display: grid;
+    }
     grid-template-columns: 305px 1fr;
   }
 </style>

client/src/pages/module.vue

@@ -51,14 +51,16 @@
 
 <style scoped lang="scss">
   .module-page {
+    display: -ms-grid;
+    @supports (display: grid) {
       display: grid;
+    }
     justify-items: center;
     grid-template-columns: 2fr 6fr 2fr;
 
     /*
      * For IE10+
      */
-    display: -ms-grid;
     -ms-grid-columns: 2fr 6fr 2fr;
 
     & > :nth-child(1) {

client/src/pages/rooms.vue

@@ -45,7 +45,10 @@
 
 <style scoped lang="scss">
   .rooms-page {
+    display: -ms-grid;
+    @supports (display: grid) {
       display: grid;
+    }
     grid-template-columns: repeat(3, 1fr);
     grid-column-gap: 30px;
     grid-row-gap: 30px;
@@ -59,7 +62,6 @@
     /*
      * For IE10+
      */
-    display: -ms-grid;
     -ms-grid-columns: 1fr 1fr 1fr;
     -ms-grid-rows: 260px;
 

client/src/pages/topic.vue

@@ -2,7 +2,9 @@
   <div class="topic">
     <h1 class="topic__title">Berufliche Grundbildung</h1>
     <p class="topic__teaser">
-      Die berufliche Grundbildung lehrt Sie, den Arbeitsalltag erfolgreich zu bewältigen, Ihre Fähigkeiten zu entwickeln und beruflich flexibel zu sein. Ebenso wichtig ist der Umgang mit verschiedensten Mitmenschen. Eine angemessene mündliche Kommunikation erleichtert
+      Die berufliche Grundbildung lehrt Sie, den Arbeitsalltag erfolgreich zu bewältigen, Ihre Fähigkeiten zu entwickeln
+      und beruflich flexibel zu sein. Ebenso wichtig ist der Umgang mit verschiedensten Mitmenschen. Eine angemessene
+      mündliche Kommunikation erleichtert
       das Zusammenleben und Zusammenarbeiten.
     </p>
     <div class="topic__modules">
@@ -37,7 +39,10 @@
 
     &__modules {
       margin-top: 40px;
+      display: -ms-grid;
+      @supports (display: grid) {
         display: grid;
+      }
       grid-template-columns: repeat(3, 1fr);
       grid-column-gap: 40px;
     }