Testing grid layout again

static/index.html

@@ -54,6 +54,13 @@
             <hr>
            <div>
                 <p style="padding: 10px; padding-bottom: 5px;">Hi, I'm Violet! I'm a 15 year old web developer, making dynamic websites with server-side rendering, so Javascript is never forced! All of my sites are all made with NodeJS, and are self-hosted.</p>
+                    <div class="customStatus">
+                        {CUSTOM_STATUS}
+                    </div>
+            </div>
+        </div>
+        <!-- <p>{RANDOM_QUOTE}</p> -->
+        
         <h2>Other pages:</h2>
         <br>
         <div class="linkContainer">
@@ -64,12 +71,6 @@
             <a class="chip" href="./blog">Blog</a>
             <a class="chip" href="https://fs.violets-purgatory.dev">FileShare</a>
         </div>
-                    <div class="customStatus">
-                        {CUSTOM_STATUS}
-                    </div>
-            </div>
-        </div>
-        <p>{RANDOM_QUOTE}</p>
 
         <div id="activityHtml">
             {ACTIVITIES}

static/root.css

@@ -31,13 +31,17 @@ body {
 }
 
 .linkContainer {
-    display: flex;
-    flex-wrap: wrap;
-    max-width: 385px;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    max-width: 500px;
     margin: auto;
     justify-content: center;
 }
 
+.linkContainer > .chip {
+    font-size: 1.5rem;
+}
+
 .animatedTitle {
     animation: mainText 2s cubic-bezier(0.075, 0.82, 0.165, 1);
     /* animation-delay: 1s; */