Fix layout

klydra · Feb 15, 2023 · 1cd67da · 1cd67da
1 parent 1d825e2
commit 1cd67da
Showing 1 changed file with 26 additions and 36 deletions.
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -345,45 +345,35 @@ export default class Home extends Component<HomeProps, HomeState> {
             </this.Column>
             <this.Column>
               <div className="grid gap-[5rem] grid-cols-3">
-                <div className="hover:scale-125"></div>
-                <div className="hover:scale-125"></div>
-                <div className="hover:scale-125"></div>
-                <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default">
-                  Email
+                <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
+                  <img className="h-[4rem]" src="mail.svg" />
+                  Mail
                 </div>
-              </this.Column>
-              <this.Column>
-                <div className="grid gap-[5rem] grid-cols-3">
-                  <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
-                    <img className="h-[4rem]" src="mail.svg" />
-                    Mail
-                  </div>
-                  <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
-                    <img className="h-[4rem]" src="discord.svg" />
-                    Discord
-                  </div>
-                  <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
-                    <img className="h-[4rem]" src="octocat.svg" />
-                    GitHub
-                  </div>
+                <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
+                  <img className="h-[4rem]" src="discord.svg" />
+                  Discord
                 </div>
-              </this.Column>
-              <this.Column>
-                <div className="grid gap-[5rem] grid-cols-2">
-                  <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
-                    <img className="h-[4rem]" src="mail.svg" />
-                    Mail
-                  </div>
-                  <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
-                    <img className="h-[4rem]" src="discord.svg" />
-                    Discord
-                  </div>
+                <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
+                  <img className="h-[4rem]" src="octocat.svg" />
+                  GitHub
                 </div>
-              </this.Column>
-            </this.Row>
-            <div className="flex justify-center items-center h-[1rem] text-card-accent font-semibold tracking-[.01em] font-default pb-[3rem]">
-              Copyright 2023, Jan Klinge
-            </div>
+              </div>
+            </this.Column>
+            <this.Column>
+              <div className="grid gap-[5rem] grid-cols-2">
+                <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
+                  <img className="h-[4rem]" src="mail.svg" />
+                  Mail
+                </div>
+                <div className="text-[1rem] text-card-accent font-semibold tracking-[.01em] font-default hover:scale-125 flex flex-col justify-center items-center">
+                  <img className="h-[4rem]" src="discord.svg" />
+                  Discord
+                </div>
+              </div>
+            </this.Column>
+          </this.Row>
+          <div className="flex justify-center items-center h-[1rem] text-card-accent font-semibold tracking-[.01em] font-default pb-[3rem]">
+            Copyright 2023, Jan Klinge
           </div>
         </div>
       </div>