explanation for GraphInput Model

uclaacm · Oct 25, 2023 · ff897b9 · ff897b9
1 parent 9500ea6
commit ff897b9
Show file tree

Hide file tree

Showing 3 changed files with 571 additions and 378 deletions.
diff --git a/src/components/shared/Exercises/GraphInput.tsx b/src/components/shared/Exercises/GraphInput.tsx
@@ -69,6 +69,10 @@ function GraphInput({
           Check
         </button>
       </div>
+      explanation,
+      <p className="explanation">
+        Type the correct numbers into the blank below!
+      </p>
     </div>
   );
   /*

diff --git a/src/styles/Exercises/GraphInput.scss b/src/styles/Exercises/GraphInput.scss
@@ -66,3 +66,9 @@
   color: colors.$text-white;
   padding: 1.25vw 2.5vw;
 }
+
+.explanation {
+  color: #333;
+  font-size: 16px;
+  margin-top: 10px;
+}