Balance team grid into fixed 7-card top row

[Copilot]

The team grid needs a balanced two-row layout with a maximum of seven cards in the first row. This keeps the 13-member roster visually even across rows.

• Row split logic
  • Split the team list into two centered rows using a single firstRowSize constant to cap the top row.
• Stable rendering
  • Use member names as keys and absolute indices for selection state across both rows.

const firstRowSize = 7;

{team.slice(0, firstRowSize).map((member, i) => {
  const absoluteIndex = i;
  return (
    <TeamMemberCard
      key={member.name}
      isActive={activeIndex === absoluteIndex}
      onActivate={() => handleMemberToggle(absoluteIndex)}
      {...member}
    />
  );
})}

Screenshot: https://github.com/user-attachments/assets/690d9c32-241a-430c-b8f1-7180a9a3679a

Original prompt

Add a team card entry for eric (public/team/eric.jpeg). Problem now is that we have a sort of akward number of members (13)

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
playgrounds-website	Ready	Preview, Comment	Feb 10, 2026 9:53pm