From 4f7e0941dc91f4d99bdb3c4686ff36236c63a17f Mon Sep 17 00:00:00 2001
From: Neil Cuzon <58763315+NeilCuzon@users.noreply.github.com>
Date: Thu, 20 Aug 2020 02:44:01 -0700
Subject: [PATCH] Update n00b-overview.md

---
 docs/n00b-overview.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/n00b-overview.md b/docs/n00b-overview.md
index 95d33fc22..be2f6156f 100644
--- a/docs/n00b-overview.md
+++ b/docs/n00b-overview.md
@@ -23,14 +23,16 @@ mermaid seeks to change that. mermaid is a javascript based tool that utilizes a
 
 **Mermaid definitions**
 
->These are the instrunctions for how the diagram is to rendered, written in mermaid, which is based on Markdown. These can be found inside `<div>` tags, with the `class=mermaid`.**
- ` <div class="mermaid">
+>These are the instrunctions for how the diagram is to rendered, written in mermaid, which is based on Markdown. These can be found inside `<div>` tags, with the `class=mermaid`.
+```
+ <div class="mermaid">
     graph TD
     A[Client] --> B[Load Balancer]
     B --> C[Server01]
     B --> D[Server02]
-  </div>`
-
+  </div>
+  ```
+  
 **render**
 
 >This is the core function of Mermaid and its API, it is a function that is called to read all the `Mermaid Definitions` and returns an SVG file, based on the definitions.