Fix nav link to /team/, fill member grid using CSS auto-fill

Author: pusewicz

_includes/redesign_nav.html

@@ -16,7 +16,7 @@
       <li><a href="/docs/"{% if page.url contains '/docs/' %} aria-current="page"{% endif %}>Documentation</a></li>
       <li><a href="/libraries/"{% if page.url contains '/libraries/' %} aria-current="page"{% endif %}>Libraries</a></li>
       <li><a href="/about/"{% if page.url contains '/about/' %} aria-current="page"{% endif %}>About</a></li>
-      <li><a href="/team.html"{% if page.url == '/team.html' %} aria-current="page"{% endif %}>Team</a></li>
+      <li><a href="/team/"{% if page.url contains '/team/' %} aria-current="page"{% endif %}>Team</a></li>
     </ul>
   </div>
 </nav>

assets/css/redesign.css

@@ -1931,8 +1931,8 @@ ul {
 }
 
 .team-members__grid {
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 1px;
   background: var(--color-border);
   margin-bottom: 80px;
@@ -1942,11 +1942,9 @@ ul {
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 256px;
   padding: 32px 24px;
   gap: 12px;
   background: var(--color-white);
-  flex-shrink: 0;
   transition: background 0.15s ease;
 }
 
@@ -2048,10 +2046,6 @@ ul {
   .team-header__heading {
     font-size: 40px;
   }
-
-  .team-member {
-    width: calc(25% - 1px);
-  }
 }
 
 /* ------------------------------------------------------------
@@ -2061,10 +2055,6 @@ ul {
   .team-header__heading {
     font-size: 32px;
   }
-
-  .team-member {
-    width: calc(50% - 1px);
-  }
 }
 
 /* ------------------------------------------------------------
@@ -2074,10 +2064,6 @@ ul {
   .team-header__heading {
     font-size: 28px;
   }
-
-  .team-member {
-    width: 100%;
-  }
 }
 
 /* ------------------------------------------------------------