Fix responsive team

RecyLife · Oct 12, 2024 · cbe9e2c · cbe9e2c
1 parent ad1807e
commit cbe9e2c
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/styles/team.css b/styles/team.css
@@ -125,17 +125,23 @@
     }
 }
 
-@media screen and (max-width: 500px) {
+@media screen and (max-width: 455px) {
     .member-card {
-        height: 515px;
+        flex-basis: calc(100vw - 100px);
     }
+}
 
-    .name-role-container {
-        top: 235.5px;
+@media screen and (max-width: 455px) {
+    .member-name {
+        font-size: 16px;
+    }
+
+    .member-description {
+        font-size: 20px;
     }
-
 }
 
+
 @media (pointer: coarse) {
     .member-button {
         transform: scale(1);