From 2c8b9f78156bb22f5009a05a8d7e293f8810e0da Mon Sep 17 00:00:00 2001
From: Bruce B <bbsmooth@gmail.com>
Date: Thu, 10 Feb 2022 02:14:58 -0800
Subject: [PATCH] fix: beta rwd - make step heading h1 (#45036)

---
 client/src/templates/Challenges/classic/editor.css | 9 +++++++++
 client/src/templates/Challenges/classic/editor.tsx | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/src/templates/Challenges/classic/editor.css b/client/src/templates/Challenges/classic/editor.css
index 2bf56652dd..5aca55bbac 100644
--- a/client/src/templates/Challenges/classic/editor.css
+++ b/client/src/templates/Challenges/classic/editor.css
@@ -45,6 +45,15 @@
   max-width: 700px;
 }
 
+.description-container h1 {
+  color: var(--secondary-color);
+  font-family: Roboto Mono, monospace;
+  font-size: 1.1rem;
+  font-weight: 700;
+  line-height: 1.1;
+  margin: 0 0 0.6rem;
+}
+
 .description-highlighter {
   background-color: var(--secondary-background);
   opacity: 1;
diff --git a/client/src/templates/Challenges/classic/editor.tsx b/client/src/templates/Challenges/classic/editor.tsx
index 967395ec3a..5b517cc2f1 100644
--- a/client/src/templates/Challenges/classic/editor.tsx
+++ b/client/src/templates/Challenges/classic/editor.tsx
@@ -536,7 +536,7 @@ const Editor = (props: EditorProps): JSX.Element => {
   function createDescription(editor: editor.IStandaloneCodeEditor) {
     if (dataRef.current.descriptionNode) return dataRef.current.descriptionNode;
     const { description, title } = props;
-    const jawHeading = document.createElement('h3');
+    const jawHeading = document.createElement('h1');
     jawHeading.innerText = title;
     const domNode = document.createElement('div');
     const desc = document.createElement('div');