chore(docs): fix team member card layout on mobile

graffle-js · Sep 17, 2024 · 1851a09 · 1851a09
1 parent 94584a0
commit 1851a09
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/website/content/index.md b/website/content/index.md
@@ -64,9 +64,20 @@ const members = [
 }
 
 .VPTeamMembers.small .container {
-  grid-template-columns: repeat(4, 1fr)!important;
+  grid-template-columns: repeat(2, 1fr)!important;
 }
 
+@media (min-width: 767px) and (max-width: 1023px) {
+  .VPTeamMembers.small .container {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .VPTeamMembers.small .container {
+    grid-template-columns: 1fr !important;
+  }
+}
 </style>
 
 <section class="CustomSections">