From 04bf71a8e478b03305129ad4abd0bd4816c2fd54 Mon Sep 17 00:00:00 2001
From: Kenneth Jao <kennethjao01@gmail.com>
Date: Tue, 14 Apr 2020 20:56:09 -0400
Subject: [PATCH] more mobile fix

---
 index.css | 44 +++++++++++++++++++++-----------------------
 1 file changed, 21 insertions(+), 23 deletions(-)

diff --git a/index.css b/index.css
index 1da5c38..87fe57a 100644
--- a/index.css
+++ b/index.css
@@ -6,6 +6,8 @@ html, body {
 	z-index: -1;
 }
 
+body { background-color: #e6e6df; }
+
 ::selection {
 	background: #fd558f;
 }
@@ -179,24 +181,6 @@ input[type='radio'] {
 
 @media only screen and (max-width: 600px) {
 
-	#bgWrap div {
-		display: none;
-	}
-
-	#bgWrap div:nth-child(101) {
-		display: block;
-		clip-path: polygon(0 25%, 50% 30%, 100% 25%, 100% 100%, 0 100%);
-		background-color: #e6e6df;
-		z-index: -1;
-	}
-
-	#mainWrap {
-		width: 100%; height: 100%;
-		display: grid;
-		grid-template-columns: 1fr;
-		grid-template-rows: 1fr 3fr;
-	}
-
 	#bgWrap {
 		width: 100%; height: 100%;
 		position: absolute;
@@ -205,15 +189,29 @@ input[type='radio'] {
 		z-index: -1;
 	}
 
+	#bgWrap div { display: none; }
+
+	#bgWrap div:nth-child(101) {
+		display: block;
+		clip-path: polygon(0 25%, 50% 30%, 100% 25%, 100% 150%, 0 150%);
+		background-color: #e6e6df;
+		z-index: -1;
+	}
+
+	#mainWrap {
+		width: 100%; height: 100%;
+		display: block;
+	}
+
+
 	#name {
-		grid-row: 1;
-		grid-column: 1;
+		margin: 10%;
 	}
 
 	#tabs {
-		height: 80%; width: 80%;
-		grid-row: 2;
-		grid-column: 1;
+		height: auto; width: 80%;
+		position: relative;
+		top: 10%;
 	}
 
 	.content {