add instruction text to axisexercise

uclaacm · Feb 7, 2024 · d671fe2 · d671fe2
1 parent 79437b1
commit d671fe2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/components/shared/Exercises/AxisInputs.tsx b/src/components/shared/Exercises/AxisInputs.tsx
@@ -95,6 +95,9 @@ function AxisInput({
   const questionOutput = questions.map(MakeQuestion);
   return (
     <div className="axinput-container">
+      <div id="axinput-question">
+        Type the correct numbers into the blanks below!
+      </div>
       <div className="axinput-question-box">{questionOutput}</div>
       <div className="axinput-wrong-box">
         <h3 id="axinput-check-wrong">&nbsp;{wrongMessage(wrong)}&nbsp;</h3>

diff --git a/src/styles/Exercises/AxisInput.scss b/src/styles/Exercises/AxisInput.scss
@@ -29,6 +29,12 @@
   padding-left: 20%;
 }
 
+#axinput-question {
+  @include font-styles();
+  margin-bottom: 2vh;
+  margin-left: 2vh;
+}
+
 #axinput-check-question {
   @include font-styles();
   font-style: italic;