Mobile display adaptation of the homepage

Author: KSSJW

src/pages/index.js

@@ -22,19 +22,16 @@ function HomepageHeader() {
             to="/studio">
             Studio
           </Link>
-          <p>&emsp;</p>
           <Link
             className="button button--secondary button--lg"
             to="/docs/intro">
             Docs
           </Link>
-          <p>&emsp;</p>
           <Link
             className="button button--secondary button--lg"
             to="/blog">
             Blog
           </Link>
-          <p>&emsp;</p>
           <Link
             className="button button--secondary button--lg"
             to="/info">

src/pages/index.module.css

@@ -18,6 +18,8 @@
 
 .buttons {
   display: flex;
+  flex-wrap: wrap;
+  gap: 1rem; 
   align-items: center;
   justify-content: center;
 }