Merge pull request #70 from aidan-yip/preview

Fixed responsive design for tablet and phone
aidan-yip · Sep 3, 2024 · f5b8df0 · f5b8df0
2 parents 7a8f9f8 + f22574f
commit f5b8df0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/dark_style.css b/dark_style.css
@@ -79,7 +79,6 @@
   #facebook,
   #twitter,
   #google,
-  #pq,
   #spotify,
   #soundcloud,
   #band,
@@ -98,8 +97,22 @@
     );
   }
 
+  #pq {
+    background: rgb(0, 22, 16);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 22, 16, 1) 0%,
+      rgba(14, 53, 54, 1) 100%
+    );
+  }
+
   #party {
-    background: #005e45;
+    background: rgb(0, 82, 59);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 82, 59, 1) 0%,
+      rgba(39, 156, 124, 1) 100%
+    );
   }
 
   #github {

diff --git a/styles.css b/styles.css
@@ -441,7 +441,7 @@ img {
 }
 
 #pq {
-  background-color: rgb(213, 255, 252);
+  background-color: #d5fffc;
 }
 
 #pq_img {
@@ -641,6 +641,7 @@ img {
   }
 
   #app_folder_open {
+    height: 60%;
     padding: 3%;
     gap: 4%;
     row-gap: 5%;
@@ -690,7 +691,7 @@ img {
   }
 
   #app_folder_open {
-    height: 40%;
+    height: 30%;
   }
 
   .app_icon_scroll {