Add a fix to the flexbox sticky footer for ie11

resources/assets/sass/classes/_flex-fix.scss

@@ -0,0 +1,5 @@
+.flex-fix {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+}

resources/views/templates/public-vue.blade.php

@@ -9,6 +9,7 @@
 @section('page-content')
     <nav-component></nav-component>
 
+    <div class="flex-wrapper">
         <div class="page-container">
             <div id="router-view" class="main-content">
                 <router-view></router-view>
@@ -16,6 +17,7 @@
 
             <footer-component></footer-component>
         </div>
+    </div>
 @endsection
 
 @section('page-bottom')

resources/views/templates/public.blade.php

@@ -9,6 +9,7 @@
 @section('page-content')
     @include('sections.nav')
 
+    <div class="flex-wrapper">
         <div class="page-container">
             <div class="main-content">
                 @yield('content')
@@ -16,4 +17,5 @@
 
             @include('sections.footer')
         </div>
+    </div>
 @endsection