Add anchors and update related css

Author: emcoding

app/assets/stylesheets/global.scss

@@ -17,6 +17,7 @@ $DJSdark-text: darkslategrey;
 
 a {
   text-decoration: none;
+  color: $DJSlavender;
   &:hover {
     color: $DJSsunshine;
   }

app/assets/stylesheets/home.scss

@@ -66,13 +66,12 @@ hr.separator-line {
 // cards (grid) -> card (flex) -> card Content (See below)
 
 .text-container {
-  margin: 2vw;
-  margin-top: 15vh;
+  margin-top: 20vh;
 }
 
 .cards {
   max-width: 80%;
-  margin: 0 auto;
+  margin: 2vw auto;
   display: grid;
   grid-gap: 1rem;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
@@ -82,7 +81,7 @@ hr.separator-line {
 .card {
   background-color: $DJSbackground_grey;
   padding: 1rem;
-  height: fit-content;
+  height: auto;
   border-radius: 2px;
   display: flex;
   flex-direction: column;

app/assets/stylesheets/navbar.scss

@@ -34,7 +34,3 @@ nav ul li {
     display: inline-block;
     padding: 20px;
 }
-
-.account a {
-    color: whitesmoke;
-}

app/views/layouts/_navbar.html.erb

@@ -3,9 +3,9 @@
   <nav>
     <ul>
       <li><%=link_to "course content", root_path(anchor: "course-content") %></li>
-      <li>goals</li>
-      <li>ams.rb workshop</li>
-      <li>about us</li>
+      <li><%=link_to "goals", root_path(anchor: "goals") %></li>
+      <li><%=link_to "ams.rb workshop", root_path(anchor: "amsrb") %></li>
+      <li><%=link_to "About us", root_path(anchor: "aboutus") %></li>
     </ul>
   </nav>
   <div class="account">