From 9cd91dd094be6081b34ad6af40c59b6812da78b8 Mon Sep 17 00:00:00 2001
From: Mooncake Sugar <60507815+Tsukina-7mochi@users.noreply.github.com>
Date: Wed, 22 May 2024 22:31:46 +0900
Subject: [PATCH] fix(docs): make the buttons placement style on the top page
 of the document responsive (#857)

---
 docs~/src/pages/index.module.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs~/src/pages/index.module.css b/docs~/src/pages/index.module.css
index d8040e39..a8166690 100644
--- a/docs~/src/pages/index.module.css
+++ b/docs~/src/pages/index.module.css
@@ -17,14 +17,18 @@
 }
 
 .buttons {
-  display: flex;
+  display: grid;
+  grid-auto-flow: column;
   align-items: center;
   justify-content: center;
+  column-gap: 2rem;
+  row-gap: 1rem;
 }
 
-.button {
-    margin-right: 1rem;
-    margin-left: 1rem;
+@media screen and (max-width: 996px) {
+  .buttons {
+    grid-auto-flow: row;
+  }
 }
 
 div.logo {