added some comments in app.component.html and css

src/app/app.component.css

@@ -1,3 +1,4 @@
+/* size and position of the sidebar */
 .sidebar {
   width: 150px;
   position: relative;
@@ -11,10 +12,12 @@
     font-size: 1em;
 }
 
+/* show curso position on link */
 .nav a:hover:not(.active) {
     font-size: 1.15em;
   }
 
+/* show content beneath sidebar */
 .content {
     position: relative;
     float: right;

src/app/app.component.html

@@ -1,37 +1,40 @@
 <div class="container-fluid">
 
+  <!-- sidebar div -->
   <div class="sidebar">
     <div class="logo">
       <a class="simple-text logo-normal">
         Taskboard
       </a>
     </div>
-      <ul class="nav">
+    <!-- linklist -->
-        <li class="active ">
+    <ul class="nav">
-          <a href="/dashboard">
+      <li class="active ">
-            <p>Dashboard</p>
+        <a href="/dashboard">
-          </a>
+          <p>Dashboard</p>
-        </li>
+        </a>
-        <li>
+      </li>
-          <a href="/sprints">
+      <li>
-            <p>Sprints</p>
+        <a href="/sprints">
-          </a>
+          <p>Sprints</p>
-        </li>
+        </a>
-        <li>
+      </li>
-          <a href="/userstories">
+      <li>
-            <p>Userstories</p>
+        <a href="/userstories">
-          </a>
+          <p>Userstories</p>
-        </li>
+        </a>
-        <li>
+      </li>
-          <a href="/tasks">
+      <li>
-            <p>Tasks</p>
+        <a href="/tasks">
-          </a>
+          <p>Tasks</p>
-        </li>
+        </a>
-      </ul>
+      </li>
+    </ul>
   </div>
 
   <router-outlet></router-outlet>
 
+  <!-- content class for sidebar-css -->
   <div class="content">
     <div class=" fixed-plugin">
       <div class=" show-dropdown" ngbDropdown>