Fix viewport for team

RecyLife · Oct 14, 2024 · 1635342 · 1635342
1 parent 270f3f4
commit 1635342
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/styles/team.css b/styles/team.css
@@ -88,7 +88,7 @@
 
 @media screen and (max-width: 1760px) {
     .team {
-        padding-right: 0px;
+        padding: 80px 0px 0px 0px;
     }
 
     .team-cards {
@@ -97,6 +97,10 @@
         overflow-x: auto;
     }
 
+    .member-card:first-child {
+        margin-left: 50px;
+    }
+
     .member-card:last-child {
         margin-right: 50px;
     }
@@ -146,10 +150,6 @@
 }
 
 @media screen and (max-width: 500px) {
-    .team {
-        padding-left: 30px;
-    }
-
     .team-cards {
         gap: 3vw;
     }
@@ -158,6 +158,10 @@
         min-width: 78vw;
     }
 
+    .member-card:first-child {
+        margin-left: 30px;
+    }
+
     .member-card:last-child {
         margin-right: 30px;
     }