Fix

src/css/main.css

@@ -4,34 +4,22 @@
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
-.page-content {
-    margin-left: .5rem;
-    margin-top: 1.75rem;
-    width: 100%
-}
-
 .body {
     display: flex;
-    flex-direction: row;
-    padding: 1.5rem;
-    padding-left: .5rem;
 }
 
-code {
-    font-family: Monaco, monospace;
-    line-height: 100%;
-    background-color: #f0f0f0;
-    padding: 0.4em;
-    letter-spacing: -0.05em;
-    word-break: normal;
-    border-radius: 8px;
+.page-content {
+    margin-top: 1.75rem;
+    margin-left: 350px;
+    flex: 1;
 }
 
 .side-bar {
     width: 350px;
     height: 100vh;
-    overflow-y: hidden;
-    overflow-x: auto;
+    position: fixed;
+    top: 0;
+    z-index: 100;
 }
 
 *>a {
@@ -114,5 +102,4 @@ samp {
 .highlight {
     color: rgb(61, 61, 61);
     font-size: 12px;
-
-}
+}

src/getting-started.html

@@ -27,7 +27,7 @@
             <li><a href="getting-started.html#pint-first-time">Running pint for the first time</a></li>
             <li><a href="getting-started.html#first-program">Your very first P program!</a></li>
           </ul>
-          <li><ahref="variables.html">Variables</a></li>
+          <li><a href="variables.html">Variables</a></li>
           <ul>
             <li><a href="variables.html#defining-variables">Defining Variables</a></li>
             <li><a href="variables.html#using-variables">Using Variables</a></li>

src/index.html

@@ -63,6 +63,7 @@ <h1 class="page-title" id="Introduction">Introduction</h1>
           P is a statically-typed, interpreted programming language written in
           100% TypeScript.
         </p>
+        <p>You can find help in these documents and multiple examples and in depth information</p>
         <h2>Links:</h2>
         <ul>
           <li>

src/variables.html

@@ -37,6 +37,7 @@
               <li><a href="functions.html#defining-functions">Defining Functions</a></li>
               <li><a href="functions.html#using-functions">Using Functions</a></li>
             </ul>
+            <li><a href="examples.html">Examples</a></li>
             <ul>
                 <li><a href="examples.html#fizz-buzz">Fizz Buzz</a></li>
                 <li><a href="examples.html#http-server">Simple HTTP Server</a></li>