Angular Forms In Depth

Author: Your Name

src/app/app.component.css

@@ -5,4 +5,14 @@
 
 main {
     margin: 30px;
-}
+}
+
+mat-toolbar {
+    position: fixed;
+    z-index: 1000;
+
+}
+
+.main-content {
+    margin-top: 80px;
+}

src/app/app.component.html

@@ -32,6 +32,10 @@
         </button>
     </mat-toolbar>
 
-    <router-outlet></router-outlet>
+    <div class="main-content">
+
+        <router-outlet></router-outlet>
+
+    </div>
 
 </mat-sidenav-container>

src/app/create-course/create-course.component.html

@@ -4,3 +4,9 @@
   <h2 class="title">Create New Course</h2>
 
 </div>
+
+
+<div class="scrolling-space">
+
+
+</div>

src/app/create-course/create-course.component.scss

@@ -3,6 +3,12 @@ h2 {
   font-family: "Roboto";
 }
 
+.scrolling-space {
+  width: 100%;
+  height: 500px;
+
+}
+
 .data-form {
   max-width: 600px;
   margin: 0 auto;