basic grid layout for project page with featured rows and non-featured 2-column grid; began converting images to image links

src/static/css/projects.css

@@ -111,7 +111,7 @@ ul { list-style-position: inside; }
     color: #CB9CF2;
 }
 .nav-link a:hover {
-    color: #F9B3D7;auto
+    color: #F9B3D7;
 }
 .nav-link a:active {
     color: #f463ad;
@@ -135,6 +135,11 @@ ul { list-style-position: inside; }
 
 .project-header {
     grid-area: 1 / 1 / 2 / 3;
+    color: #F9B3D7;
+    font-size: 15px;
+    margin-top: 25px;
+    padding-top: 10px;
+    padding-left: 10px;
 }
 
 .featured {
@@ -144,13 +149,58 @@ ul { list-style-position: inside; }
 .featured-box {
 }
 
+.featured-desc {
+    color: #F9B3D7;
+    font-size: 25px;
+    text-align: right;
+    margin-right: 10px;
+    
+}
+
+.featured-desc a:link {
+    color: #66C7F4;
+}
+.featured-desc a:visited {
+    color: #CB9CF2;
+}
+.featured-desc a:hover {
+    color: #F9B3D7;
+}
+.featured-desc a:active {
+    color: #f463ad;
+}
+
 .more {
     grid-area: 3 / 1 / 4 / 3;
+    width: 800px;
+    display: grid;
+    grid-template-columns: auto auto;
 }
 
 .more-box {
 }
 
+.more-desc {
+    color: #F9B3D7;
+    font-size: 18px;
+    text-align: center;
+    margin-right: 10px;
+    
+}
+
+.more-desc a:link {
+    color: #66C7F4;
+}
+.more-desc a:visited {
+    color: #CB9CF2;
+}
+.more-desc a:hover {
+    color: #F9B3D7;
+}
+.more-desc a:active {
+    color: #f463ad;
+}
+
 .footer-row {
     grid-area: 4 / 1 / 5 / 4;
     background-color: #080410;