diff --git a/docs/team-test.md b/docs/team-test.md
new file mode 100644
index 00000000..e2254b19
--- /dev/null
+++ b/docs/team-test.md
@@ -0,0 +1,83 @@
+---
+layout: page
+title: Meet the Team
+description: The development of Vite is guided by an international team.
+---
+
+
+
+
+
+ Meet the Team
+
+ The development of Vite is guided by an international team, some of whom
+ have chosen to be featured below.
+
+
+
+
+ Team Emeriti
+
+ Here we honor some no-longer-active team members who have made valuable
+ contributions in the past.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/client/theme-default/components/VPTeamMembers.vue b/src/client/theme-default/components/VPTeamMembers.vue
index 71b167ac..c9dac9f2 100644
--- a/src/client/theme-default/components/VPTeamMembers.vue
+++ b/src/client/theme-default/components/VPTeamMembers.vue
@@ -34,85 +34,76 @@ const classes = computed(() => [props.size, `count-${props.members.length}`])
max-width: 1152px;
}
-.VPTeamMembers.count-1 {
- display: flex;
- justify-content: center;
+.item {
+ width: 100%;
}
-.VPTeamMembers.small.count-1 .container ,
-.VPTeamMembers.small.count-2 .container,
-.VPTeamMembers.small.count-3 .container,
-.VPTeamMembers.medium.count-1 .container,
-.VPTeamMembers.medium.count-2 .container {
- display: flex;
- justify-content: center;
- width: 100% !important;
- max-width: 100% !important;
-}
+@media (min-width: 512px) {
+ .VPTeamMembers.small .container {
+ grid-template-columns: repeat(2, 1fr);
+ }
-.VPTeamMembers.small .container {
- grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
-}
+ .VPTeamMembers.small.count-1 .container,
+ .VPTeamMembers.medium.count-1 .container {
+ display: flex;
+ justify-content: center;
+ }
-@media (max-width: 940px) {
- .VPTeamMembers.small.count-3 .container {
- flex-wrap: wrap;
- justify-content: start;
+ .VPTeamMembers.small.count-1 .item {
+ max-width: 272px;
}
-}
-@media (max-width: 640px) {
- .VPTeamMembers.small.count-2 .container {
- flex-wrap: wrap;
+ .VPTeamMembers.medium.count-1 .item {
+ max-width: 368px;
}
}
-.VPTeamMembers.small.count-1 .item,
-.VPTeamMembers.small.count-2 .item,
-.VPTeamMembers.small.count-3 .item {
- width: 276px;
-}
+@media (min-width: 640px) {
+ .VPTeamMembers.medium .container {
+ grid-template-columns: repeat(2, 1fr);
+ }
-@media (max-width: 940px) and (min-width: 640px) {
- .VPTeamMembers.small.count-2 .item,
- .VPTeamMembers.small.count-3 .item {
- width: calc(50% - 12px);
+ .VPTeamMembers.medium.count-2 .container {
+ display: flex;
+ justify-content: center;
}
-}
-@media (max-width: 640px) {
- .VPTeamMembers.small.count-1 .item,
- .VPTeamMembers.small.count-2 .item,
- .VPTeamMembers.small.count-3 .item {
- width: 100% !important;
+ .VPTeamMembers.medium.count-2 .item {
+ max-width: 368px;
}
}
-.VPTeamMembers.medium .container {
- grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
-}
+@media (min-width: 768px) {
+ .VPTeamMembers.small .container {
+ grid-template-columns: repeat(3, 1fr);
+ }
-@media (min-width: 375px) {
- .VPTeamMembers.medium .container {
- grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
+ .VPTeamMembers.small.count-2 .container {
+ display: flex;
+ justify-content: center;
}
-}
-@media (max-width: 888px) {
- .VPTeamMembers.medium.count-2 .container {
- flex-wrap: wrap;
+ .VPTeamMembers.small.count-2 .item {
+ max-width: 272px;
}
}
-.VPTeamMembers.medium.count-1 .item,
-.VPTeamMembers.medium.count-2 .item {
- width: 368px;
-}
+@media (min-width: 960px) {
+ .VPTeamMembers.small .container {
+ grid-template-columns: repeat(4, 1fr);
+ }
-@media (max-width: 888px) {
- .VPTeamMembers.medium.count-1 .item,
- .VPTeamMembers.medium.count-2 .item {
- width: 100% !important;
+ .VPTeamMembers.small.count-3 .container {
+ display: flex;
+ justify-content: center;
+ }
+
+ .VPTeamMembers.small.count-3 .item {
+ max-width: 272px;
+ }
+
+ .VPTeamMembers.medium .container {
+ grid-template-columns: repeat(3, 1fr);
}
}
diff --git a/src/client/theme-default/components/VPTeamPage.vue b/src/client/theme-default/components/VPTeamPage.vue
index 71d9bdb5..715e904f 100644
--- a/src/client/theme-default/components/VPTeamPage.vue
+++ b/src/client/theme-default/components/VPTeamPage.vue
@@ -6,53 +6,42 @@
diff --git a/src/client/theme-default/components/VPTeamPageSection.vue b/src/client/theme-default/components/VPTeamPageSection.vue
index 2bb52ab9..d4b98489 100644
--- a/src/client/theme-default/components/VPTeamPageSection.vue
+++ b/src/client/theme-default/components/VPTeamPageSection.vue
@@ -16,22 +16,6 @@
diff --git a/src/client/theme-default/components/VPTeamPageTitle.vue b/src/client/theme-default/components/VPTeamPageTitle.vue
index 9751a188..d0f49fdb 100644
--- a/src/client/theme-default/components/VPTeamPageTitle.vue
+++ b/src/client/theme-default/components/VPTeamPageTitle.vue
@@ -11,22 +11,9 @@