Merge remote-tracking branch 'upstream/MP-739-curriculum-builder' int…

…o next
mdn · Feb 4, 2024 · 9637ee4 · 9637ee4
2 parents 43c31b9 + 1fa74f5
commit 9637ee4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/build/curriculum.ts b/build/curriculum.ts
@@ -201,7 +201,7 @@ async function readModule(
     sidebar = await buildSidebar();
     parents = await buildParents(url);
   } else {
-    title = title.replace(/^\d+\s+/, "");
+    title = title.replace(/^\d+\s+/, "").replace(/ modules$/, "");
   }
 
   return {

diff --git a/client/src/curriculum/landing.scss b/client/src/curriculum/landing.scss
@@ -229,7 +229,7 @@
     ~ div {
       > ul {
         display: grid;
-        gap: 3rem 8rem;
+        gap: 5rem 8rem;
         grid-template-areas:
           "beginner"
           "advanced"
@@ -246,18 +246,25 @@
         > li {
           align-items: center;
           display: grid;
-          gap: 1rem 2rem;
-          grid-template-areas:
-            "i h"
-            "i p"
-            "i c";
+          gap: 1rem;
+          @media screen and (min-width: $screen-sm) {
+            align-items: start;
+            gap: 1rem 2rem;
+            grid-template-areas:
+              "i h"
+              "i p"
+              "i c";
+            grid-template-rows: 4rem auto max-content;
+          }
 
           &::before {
             align-self: start;
             display: inline-block;
-            grid-area: i;
             height: 5rem;
             width: 5rem;
+            @media screen and (min-width: $screen-sm) {
+              grid-area: i;
+            }
           }
 
           &:nth-child(1)::before {