diff --git a/docs/n00b-gettingStarted.md b/docs/n00b-gettingStarted.md
index 2c25b2f33..105da681d 100644
--- a/docs/n00b-gettingStarted.md
+++ b/docs/n00b-gettingStarted.md
@@ -95,7 +95,10 @@ c. The `mermaid.initialize()` call, which dictates the appearance of diagrams an
Here is a mermaid diagram:
- graph TD A[Client] --> B[Load Balancer] B --> C[Server01] B --> D[Server02]
+ graph TD
+ A[Client] --> B[Load Balancer]
+ B --> C[Server01]
+ B --> D[Server02]
```
@@ -137,13 +140,19 @@ Rendering in Mermaid is initalized by `mermaid.initialize()` call. You can place
Here is one mermaid diagram:
- graph TD A[Client] --> B[Load Balancer] B --> C[Server1] B --> D[Server2]
+ graph TD
+ A[Client] --> B[Load Balancer]
+ B --> C[Server1]
+ B --> D[Server2]
And here is another:
- graph TD A[Client] -->|tcp_123| B(Load Balancer) B -->|tcp_456| C[Server1] B
- -->|tcp_456| D[Server2]
+ graph TD
+ A[Client] -->|tcp_123|
+ B(Load Balancer)
+ B -->|tcp_456| C[Server1]
+ B -->|tcp_456| D[Server2]