Check test

Author: MapleSyrupy

src/pages/students/[student_id]/goals/[goal_id]/benchmarks/[benchmark_id]/dataEntry/index.tsx

@@ -48,7 +48,7 @@ const GoalPage: NextPageWithBreadcrumbs = () => {
     <>
       <Box sx={{ textAlign: "left" }}>
         <h1>Data Entry</h1>
-        <h1 id={styles.mainH1}>
+        <h1 id={styles.mainh1}>
           {student?.first_name} {student?.last_name}
         </h1>
       </Box>

src/styles/DataEntry.module.css

@@ -1,19 +1,19 @@
-#mainH1 {
-  font-family: "quicksand";
-  font-weight: 600;
-  line-height: "100%";
-  font-size: "20px";
-  letter-spacing: "0%";
-  color: "var(--primary)";
-  margin-top: "5px";
-  margin-bottom: "30px";
-}
-
-#goalStack {
-  display: "flex";
-  flex-direction: "column";
-  align-items: "center";
-  width: "100%";
-  max-width: "1200px";
-  margin: "auto";
-}
+.mainh1 {
+  font-family: "quicksand";
+  font-weight: 600;
+  line-height: "100%";
+  font-size: "20px";
+  letter-spacing: "0%";
+  color: "var(--primary)";
+  margin-top: "5px";
+  margin-bottom: "30px";
+}
+
+.goalStack {
+  display: "flex";
+  flex-direction: "column";
+  align-items: "center";
+  width: "100%";
+  max-width: "1200px";
+  margin: "auto";
+}