From 18824cc135d5939da58b7af1ef3c5dd7fb7cbefc Mon Sep 17 00:00:00 2001
From: aleabodo <defense.unrushed889@anonaddy.me>
Date: Sun, 21 Jul 2024 15:05:12 +0200
Subject: [PATCH] make buttons on landing page wrap around

---
 src/pages/index.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 2c4398e..93cfcce 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -16,12 +16,18 @@ function HomepageHeader() {
           {siteConfig.title}
         </Heading>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <div className={styles.buttons}>
+        <div className={styles.buttons} style={{
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: '1rem',
+          gap: '3rem', 
+          justifyContent: 'center',
+        }}>
           <Link
             className="button button--secondary button--lg"
             to="/docs/wiki/about">
             About the server ⛏️
-          </Link> &emsp;&emsp;
+          </Link>
           <Link
             className="button button--secondary button--lg"
             to="https://discord.gg/dTWRHbkfvV">