From f71def8e6e8269ea0fd7589b6bdb3404e64877be Mon Sep 17 00:00:00 2001
From: ankushKun <ankush4singh@gmail.com>
Date: Sun, 14 Apr 2024 22:22:26 +0530
Subject: [PATCH] markdown fix

---
 src/components/exercise.tsx  | 4 +++-
 src/data/1.connect-wallet.ts | 2 +-
 src/data/2.spawn-process.ts  | 2 +-
 src/data/3.hello-ao.ts       | 7 ++++++-
 src/data/4.calculate.ts      | 2 +-
 src/styles/globals.css       | 4 ++++
 6 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/exercise.tsx b/src/components/exercise.tsx
index 6ea2250..174aaab 100644
--- a/src/components/exercise.tsx
+++ b/src/components/exercise.tsx
@@ -145,7 +145,9 @@ export default function Exercise({ data }: { data: TExerciseData }) {
       <ResizablePanelGroup direction="horizontal">
         <ResizablePanel maxSize={45} minSize={15} className="p-3">
           <div className="text-center text-3xl p-4 pb-7">{data.title}</div>
-          <Markdown remarkPlugins={markdownPlugins}>{data.content}</Markdown>
+          <Markdown className="markdown" remarkPlugins={markdownPlugins}>
+            {data.content}
+          </Markdown>
           <div className="flex justify-between p-2 items-center">
             <Button
               variant="outline"
diff --git a/src/data/1.connect-wallet.ts b/src/data/1.connect-wallet.ts
index 60b166f..8ae6d5e 100644
--- a/src/data/1.connect-wallet.ts
+++ b/src/data/1.connect-wallet.ts
@@ -8,7 +8,7 @@ In your first exercise, you will be connecting your wallet to this web applicati
 
 This will allow you to interact with the blockchain and perform various tasks.
 
-## TASK
+# TASK
 
 Your task is to click on the Connect button on the top right of your screen,
 this will open a popup of the ArConnect wallet, where you need to type your
diff --git a/src/data/2.spawn-process.ts b/src/data/2.spawn-process.ts
index 17cd49c..5a5c986 100644
--- a/src/data/2.spawn-process.ts
+++ b/src/data/2.spawn-process.ts
@@ -10,7 +10,7 @@ All the lua code that you write will be executed on your process.
 
 Processes can interact with each other by sending messages, which we will try out in upcoming exercises
 
-## TASK
+# TASK
 
 Your task is to click on the spawn process button on the top and wait for a process id to show up
 
diff --git a/src/data/3.hello-ao.ts b/src/data/3.hello-ao.ts
index 855c08a..f36034d 100644
--- a/src/data/3.hello-ao.ts
+++ b/src/data/3.hello-ao.ts
@@ -4,7 +4,12 @@ export default {
   route: "3-hello-ao",
   title: "Hello AO!",
   content: `
-Your goal is to modify the lua code from \`print("Hello World")\` to \`print("Hello AO!")\` and run it using the process ID you created`,
+
+In the previous exercise, you spawned a process. Now it's time to write some code for it.
+
+# TASK
+
+Your goal is to modify the lua code from \`print("Hello World")\` to \`print("Hello AO!")\` and run it.`,
   defaultCode: `--change this
 print("Hello World")`,
   expectedResult: "Hello AO!",
diff --git a/src/data/4.calculate.ts b/src/data/4.calculate.ts
index 778a889..cf977b5 100644
--- a/src/data/4.calculate.ts
+++ b/src/data/4.calculate.ts
@@ -6,7 +6,7 @@ export default {
   content: `
 Just like we printed something before, we can also do mathematical operations on AO using LUA
 
-## TASK
+# TASK
 
 Your task is to find out the solution of the following equation:
 
diff --git a/src/styles/globals.css b/src/styles/globals.css
index c26de22..64b5167 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -75,6 +75,10 @@
     }
 }
 
+.markdown > * {
+    all: revert;
+}
+
 code {
     background-color: rgba(69, 69, 69, 0.5);
     padding: 0.1em 0.3em;