styles: center content (#2)

sector-3 · Feb 9, 2023 · 696329c · 696329c
1 parent 6fd2d0b
commit 696329c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -10,7 +10,7 @@ export default function Home() {
     <>
       <Head>
         <title>Sector#3</title>
-        <meta name="description" content="Do Androids Dream of Electric Sheep? ⚡️🐑" />
+        <meta name="description" content="Do DAOs Dream of Electric Sheep? ⚡️🐑" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
@@ -42,9 +42,8 @@ export default function Home() {
           <a
             href="/daos"
             className={styles.card}
-            rel="noopener noreferrer"
           >
-            <h2 className="{inter.className} text-2xl">
+            <h2 className="text-2xl">
               Explore DAOs ⚡️
             </h2>
             <p className={inter.className}>
@@ -55,9 +54,8 @@ export default function Home() {
           <a
             href="/new-dao"
             className={styles.card}
-            rel="noopener noreferrer"
           >
-            <h2 className="{inter.className} text-2xl">
+            <h2 className="text-2xl">
               Deploy a DAO 🚀
             </h2>
             <p className={inter.className}>

diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
@@ -41,9 +41,9 @@
 
 .grid {
   display: grid;
-  grid-template-columns: repeat(4, minmax(25%, auto));
+  grid-template-columns: repeat(2, minmax(25%, auto));
   width: var(--max-width);
-  max-width: 100%;
+  max-width: 50%;
 }
 
 .card {