From bca35e87868400311e1d2eb5268b91a470abe005 Mon Sep 17 00:00:00 2001
From: codecShivam <codecshivam@gmail.com>
Date: Tue, 12 Dec 2023 15:33:58 +0530
Subject: [PATCH] Refine team section layout

---
 src/data/teams.json | 2 +-
 src/pages/Team.jsx  | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/data/teams.json b/src/data/teams.json
index cb65b50..0cd3b23 100644
--- a/src/data/teams.json
+++ b/src/data/teams.json
@@ -34,7 +34,7 @@
       {
         "image": "https://i.ibb.co/vqV1SS3/vivek.jpg",
         "name": "Vivek Pal",
-        "position": "Full Stack Developer, Member @SuperteamDAO, Wormhole Fellow",
+        "position": "Full Stack Dev, Wormhole Fellow, Member @SuperteamDAO",
         "link":{
           "url": "https://vivekpal.in/",
           "target": "_blank",
diff --git a/src/pages/Team.jsx b/src/pages/Team.jsx
index af0601e..a6d02b6 100644
--- a/src/pages/Team.jsx
+++ b/src/pages/Team.jsx
@@ -5,7 +5,6 @@ import Teams from "../components/TeamsComponent";
 import teamsData from "../data/teams.json";
 
 const Team = () => {
-  // Separate Steering Council and Volunteer data
   const steeringCouncilData = teamsData.find((item) => "Steering Council" in item) || {};
   const volunteerData = teamsData.find((item) => "Volunteer" in item) || {};
 
@@ -19,7 +18,7 @@ const Team = () => {
             Steering Council
           </h1>
         </div>
-        <div className="max-w-[1240px] mx-auto grid md:grid-cols-3 gap-8">
+        <div className="max-w-[1240px] mx-auto grid md:grid-cols-4 gap-8">
           {steeringCouncilData["Steering Council"] && steeringCouncilData["Steering Council"].map((member, index) => (
             <Teams
               key={index}