Merge pull request #145 from bearhack-ucr/NovaSagittarii/team-alignment

fix team alignment again

src/components/Team.jsx

@@ -14,15 +14,15 @@ const Team = () => {
         ))}
       </div>
       <div className="text-2xl lg:text-3xl font-header mt-8 mb-4">Leads</div>
-      <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-6 gap-4 px-4 md:gap-6 md:px-6 lg:gap-8 lg:px-8">
+      <div className="flex w-3/4 flex-wrap justify-center gap-4 sm:px-4 md:gap-8">
         {members.map(({ name, position, image }, index) => (
           <Member name={name} position={position} image={image} key={index} />
         ))}
       </div>
       <div className="text-2xl lg:text-3xl font-header mt-8 mb-4">
         Committees
       </div>
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+      <div className="flex w-3/4 flex-wrap justify-center gap-4 sm:px-4 md:gap-6 md:px-6 lg:gap-8 lg:px-8">
         {Object.entries(committee).map(([key, values], index) => (
           <div
             className="text-white font-paragraph text-center flex  flex-col items-center"