fix responsiveness

Author: swyx

website/src/css/custom.css

@@ -26,3 +26,13 @@ main details {
 main details summary {
   margin-bottom: 1rem;
 }
+
+.homePageBtns {
+  display: grid;
+  gap: 20px;
+}
+@media (min-width: 480px) {
+  .homePageBtns {
+    grid-template-columns: 1fr 1fr;
+  }
+}

website/src/pages/index.js

@@ -19,13 +19,7 @@ export default function Home() {
             <h1 className="hero__title">{siteConfig.title}</h1>
             <p className="hero__subtitle">{siteConfig.tagline}</p>
           </div>
-          <div
-            style={{
-              display: "grid",
-              gridTemplateColumns: "1fr 1fr",
-              gridGap: "20px",
-            }}
-          >
+          <div className="homePageBtns">
             <Link
               to={useBaseUrl(siteConfig.customFields.firstDoc)}
               className="button button--lg button--outline button--primary"