From 1fa74f53f6ee9129c5264a899a20f00e0d0c229a Mon Sep 17 00:00:00 2001 From: Florian Dieminger Date: Sun, 4 Feb 2024 12:23:17 +0100 Subject: [PATCH] rename modules title and landing --- build/curriculum.ts | 2 +- client/src/curriculum/landing.scss | 21 ++++++++++++++------- 2 files changed, 15 insertions(+), 8 deletions(-) diff --git a/build/curriculum.ts b/build/curriculum.ts index 85cceb22da1b..1a83bb842843 100644 --- 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 index 40a338bd0881..40002974db3a 100644 --- 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 {