chore(curriculum): improve header layout

mdn · Jan 31, 2024 · a24a380 · a24a380
1 parent 8334589
commit a24a380
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/client/src/curriculum/module.scss b/client/src/curriculum/module.scss
@@ -63,14 +63,13 @@
     grid-area: main;
 
     > header {
-      align-items: center;
       column-gap: 1.5rem;
       display: grid;
-      grid-template-areas: "icon heading" "nothing category";
+      grid-template-areas: "icon heading" "icon category";
       justify-content: flex-start;
-      justify-items: flex-start;
 
       .topic-icon {
+        align-self: flex-start;
         grid-area: icon;
         height: 4rem;
         width: 4rem;
@@ -86,6 +85,7 @@
         font-size: var(--type-smaller-font-size);
         grid-area: category;
         margin: 0;
+        margin-top: 0.5rem;
 
         &::before {
           content: "Category: ";