diff --git a/src/app/app.component.css b/src/app/app.component.css
index e69de29..b787d44 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -0,0 +1,6 @@
+
+:host {
+ display: block;
+ height: 100vh;
+ width: 100vw;
+}
diff --git a/src/app/components/navigation-bar/navigation-bar.component.css b/src/app/components/navigation-bar/navigation-bar.component.css
index e69de29..166a2d8 100644
--- a/src/app/components/navigation-bar/navigation-bar.component.css
+++ b/src/app/components/navigation-bar/navigation-bar.component.css
@@ -0,0 +1,4 @@
+:host {
+display: block;
+ height: 100%;
+}
diff --git a/src/app/components/navigation-bar/navigation-bar.component.html b/src/app/components/navigation-bar/navigation-bar.component.html
index 8b82ab9..1e8392b 100644
--- a/src/app/components/navigation-bar/navigation-bar.component.html
+++ b/src/app/components/navigation-bar/navigation-bar.component.html
@@ -1 +1,53 @@
-navigation-bar works!
+
diff --git a/src/styles.css b/src/styles.css
index 90d4ee0..6ee37e1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1 +1,10 @@
/* You can add global styles to this file, and also import other style files */
+.container{
+ min-height:100vh;
+}
+
+html, body {
+ min-height: 100%;
+ height: auto;
+ margin: 0;
+}
+ mdo
+
+
+