edited link section at the bottom of the main page

src/routes/+page.svelte

@@ -137,9 +137,10 @@
     
     <hr>
 
-    <div class="split-container">
+    <div class="link-container">
+        <h4 class="update-header">links to elsewhere</h4>
+
         <div class="webring-container">
-            <h4 class="update-header">webrings</h4>
             <div class="webring">
                 <iframe title="bucket webring" id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=denizk0461"></iframe>
             </div>
@@ -166,15 +167,12 @@
         </div>
 
         <div class="button-container">
-            <h4 class="update-header">button corner</h4>
+            {#each buttons as button}
-            <div class="button-subcontainer">
+                <IndieButton button={button} />
-                {#each buttons as button}
+            {/each}
-                    <IndieButton button={button} />
-                {/each}
-            </div>
-            <p>to be expanded!</p>
-            <p class="small-supertext">my own 88x31 button is in the making. ETA: ???</p>
         </div>
+        <p>to be expanded!</p>
+        <p class="small-supertext">my own 88x31 button is in the making. ETA: ???</p>
     </div>
 </Content>
 
@@ -184,31 +182,14 @@
         grid-template-columns: 3fr 1fr;   
     }
 
-    .split-container {
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        gap: 8px;
-        margin: 16px 0;
-    }
-
-    @media screen and (max-width: 900px) {
-        .split-container {
-            flex-direction: column;
-            gap: 8px;
-        }
-    }
-
     .button-container {
         flex: 2;
     }
 
-    .button-subcontainer {
+    .button-container {
         display: flex;
         flex-wrap: wrap;
         gap: 8px;
-        justify-content: center;
-        align-content: center;
     }
 
     .webring {