fixed map size

src/app/app.component.css

@@ -34,5 +34,5 @@ header p{
 
 #map{
     width: 100%;
-    height: 1000px;
+    height: 100%;
 }

src/styles.css

@@ -1,4 +1,8 @@
 @import url('https://fonts.googleapis.com/css?family=Roboto');
+html{
+    height: 100vh;
+}
+
 body {
     font-family: 'Roboto';
     color: var(--text-color);
@@ -6,4 +10,9 @@ body {
     --header-color: #D1DFB7;
     --sidebar-color: #FAE6BE;
     --text-color: black;
-}
+    position:absolute;
+    top:0;
+    bottom:0;
+    right:0;
+    left:0; 
+}