layout arrangement

src/app/app.component.html

@@ -1,3 +1,9 @@
-<app-header></app-header>
+<div class="container">
   <app-sidebar></app-sidebar>
+  <main>
+    <app-header></app-header>
+    <div class="content">
       <router-outlet></router-outlet>
+    </div>
+  </main>
+</div>

src/app/app.component.scss

@@ -0,0 +1,26 @@
+.container {
+  display: flex;
+  height: 100vh;
+}
+
+app-sidebar {
+  width: 232px;
+  height: 100%;
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+app-header {
+  height: 96px;
+  width: 100%;
+}
+
+.content {
+  width: calc(100vw - 232px);
+  height: 100vh;
+  padding: 64px 0 0 64px;
+}