Changed the rensponsiveness

jjia1 · Nov 2, 2022 · 04e7cec · 04e7cec
1 parent 7479c83
commit 04e7cec
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/styles/HomePage.module.css b/styles/HomePage.module.css
@@ -231,11 +231,13 @@
   }
 
   .name {
-    font-size: 1rem;
+    font-size: 2rem;    
+    margin-bottom: 2rem;
+
   }
 
   .bio {
-    font-size: 0.6rem;
+    font-size: 1rem;
     margin-bottom: 2rem;
   }
 

diff --git a/styles/Sidebar.module.css b/styles/Sidebar.module.css
@@ -57,8 +57,8 @@
     width: 10vw;
   }
   .icon {
-    height: 40px;
-    width: 40px;
+    height: 43px;
+    width: 43px;
     padding: 0.6rem;
   }
 }
diff --git a/styles/Tab.module.css b/styles/Tab.module.css
@@ -19,3 +19,15 @@
   background: var(--tab-active-bg);
   border-bottom: none;
 }
+
+@media screen and (max-width: 900px) {  
+  .tab {
+    font-size: 1.0rem;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .tab {
+    font-size: 1.1rem;
+  }
+}
diff --git a/styles/globals.css b/styles/globals.css
@@ -499,4 +499,5 @@ a:visited {
   color: var(--accent-color);
   text-decoration: none;
 
-}
+}
+
-Original file line number
+Diff line change
@@ Expand Up / @@ -499,4 +499,5 @@ a:visited { @@
       color: var(--accent-color);
       text-decoration: none;
-    }
+    }