Minor edits

public/index.html

@@ -37,7 +37,7 @@
             </ul>
         </div>
     </div>
-    <div class="main container-fluid text-center">
+    <div class="main container-fluid">
         <div class="home-content row align-items-center">
             <div class="side-txt col">
                 <div class="text-title text-center" style="padding: 10px;">
@@ -46,11 +46,21 @@
                 <div class="text-content">
                     <p style="position: relative; padding: 10px;">
                         Head over to the 'Generate graphs' page and enter
-                        the username of a GitHub user. The space on that 
-                        page will then populate with the requested GitHub 
-                        user and all the related user, visualizing the 
+                        the username of a GitHub user. The space on that
+                        page will then populate with the requested GitHub
+                        user and all the related user, visualizing the
                         connections between them.
                     </p>
+                    <p style="position: relative; padding: 10px;">
+                        If you'd like to see how everything works, follow
+                        the link to GitHub, where you can view all the work
+                        that went into making this functional.
+                    </p>
+                    <p style="position: relative; padding: 10px;">
+                        If you're interested in knowing more about this
+                        project, additional information can be found on 
+                        the About page.
+                    </p>
                 </div>
             </div>
             <img class="side-img img-fluid col" src="./img/graphExample.png" />

public/style.css

@@ -71,6 +71,7 @@
 }
 .home-content {
     padding: 20px;
+    width: 100%;
     max-height: 40px;
 }
 .side-img {
@@ -85,7 +86,6 @@
     display: block;
     position: relative;
     width: 50%;
-    max-width: 500px;
 }
 .text-title {
     background-color: rgb(208, 208, 208);
@@ -109,6 +109,13 @@ body {
     .side-img {
         display: none;
     }
+    .side-txt {
+        position: absolute;
+        top: 10px;
+        left: 50%;
+        transform: translate(-50%, 0%);
+        width: 100%;
+    }
     #navigation {
         position: absolute;
         top: 50px;