fix: changed the button grid layout

I like it more this way :3c
Also responsive, heck yeah!

index.html

@@ -63,7 +63,7 @@
                     <a href="http://geekring.net/">home</a>
                 </div>
             </div>
-            <div class="card" id="buttons">
+            <div id="buttons">
                 <img src="./assets/images/buttons/written_in_vi.gif" alt="written in vi">
                 <img src="./assets/images/buttons/best-viewed.gif" alt="Best viewed with: a computer and a monitor">
                 <img src="./assets/images/buttons/anything-but-chrome.gif" alt="Anything but Chrome">

styles.css

@@ -24,6 +24,7 @@
        url('assets/fonts/fira-sans.woff') format('woff'),
        url('assets/fonts/fira-sans.ttf') format('truetype');
 }
+
 body {
     grid-template-columns: 70% 30%;
 }
@@ -48,10 +49,20 @@ body {
     float: right;
     border-radius: 8px;
 }
-
 #buttons {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    display: inline-grid;
+    justify-items: center;
+    gap: 4px;
+}
+@media screen and (max-width: 900px) {
+    #buttons {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
+        justify-items: center;
+    }
+}
+#buttons > img {
+    filter: none;
 }
 
 .card {