Styles adjustment

src/app/app.component.scss

 @import '../assets/scss/variables.scss';
-
+:host {
+    display: block;
+    height: 100%;
+}
 .main-app-container {
     display: flex;
+    align-items: center;
     width: 100vw;
-    // height: calc(100vh - 35px);
+    height: 100vh;
 }
 .footer-container {
     border-bottom: 4px solid $color-blue;
     display: flex;
     padding-bottom: 24px;
     justify-content: center;
+    bottom: 4px;
+    position: absolute;
+    width: 100%;
 }
\ No newline at end of file

src/app/video-details/video-details.component.scss

 @import '../../assets/scss/variables.scss';
 
+:host {
+    display: block;
+    width: 100%;
+}
 .video-details-container {
     margin: auto;
     background-color: $color-white;
+    padding: 32px;
     max-width: 60%;
     .video-container {
         width: 300px;

src/styles.scss

@@ -29,6 +29,8 @@ body {
 h1 {
     font-size: 1.74rem;
     line-height: 1.87rem;
+    margin: 12px 0 9px;
+    text-align: center;
 }
 p {
     font-size: 1rem;