HOT-FIX. Исправлено выпадение контейнера приводившее к появлению скролла

src/app.css

@@ -2,6 +2,11 @@ html, body {
     height: 100%;
 }
 
+body {
+    display: flex;
+    flex-direction: column;
+}
+
 textarea {
     resize: none;
 }

src/app.html

@@ -35,7 +35,7 @@
 
     <!-- Шаблон карточек на главной-->
     <template id="main-statistic">
-        <div class="card-group mt-2 justify-content-center">
+        <div class="card-group pt-3 justify-content-center">
             <div class="card bg-warning mb-3 ml-3" style="max-width: 18rem;">
                 <div class="card-header h5">Статистика</div>
                 <div class="card-body">
@@ -124,7 +124,7 @@
     </template>
     <!-- Шаблон контейнера страниц-->
     <template id="page-container">
-        <div class="PageContainer h-100"></div>
+        <div class="PageContainer"></div>
     </template>
     <!-- Шаблон кнопки-->
     <template id="button">
@@ -133,7 +133,7 @@
 
     <!-- Шаблон страниц -->
     <template id="page">
-        <div class="Page h-100"></div>
+        <div class="Page"></div>
     </template>
 
     <!-- Шаблон Modal -->

src/components/router-pages-container/RouterPagesContainer.css

@@ -0,0 +1,3 @@
+.PageContainer {
+    flex: 1;
+}