chore(curriculum): style header

mdn · Jan 31, 2024 · 1f937d2 · 1f937d2
1 parent 1dd9d60
commit 1f937d2
Showing 1 changed file with 26 additions and 3 deletions.
diff --git a/client/src/curriculum/module.scss b/client/src/curriculum/module.scss
@@ -62,9 +62,32 @@
   .curriculum-content {
     grid-area: main;
 
-    .topic-icon {
-      height: 4rem;
-      width: 4rem;
+    header {
+      align-items: center;
+      display: grid;
+      grid-template-areas: "icon heading" "nothing category";
+      justify-content: flex-start;
+      justify-items: flex-start;
+
+      .topic-icon {
+        background-color: #eee;
+        grid-area: icon;
+        height: 4rem;
+        width: 4rem;
+      }
+      h1 {
+        grid-area: heading;
+        margin-bottom: 0rem;
+      }
+      p {
+        font-weight: 400;
+        grid-area: category;
+        margin: 0;
+
+        &::before {
+          content: "Category: ";
+        }
+      }
     }
 
     blockquote.curriculum-notes {