diff --git a/src/Sections/Hero/Hero.jsx b/src/Sections/Hero/Hero.jsx
index e6e45d06..544d9508 100644
--- a/src/Sections/Hero/Hero.jsx
+++ b/src/Sections/Hero/Hero.jsx
@@ -246,7 +246,7 @@ const Hero = () => {
- {/* */}
+
diff --git a/src/Sections/Teams/Teams.jsx b/src/Sections/Teams/Teams.jsx
index 95314102..1763c288 100644
--- a/src/Sections/Teams/Teams.jsx
+++ b/src/Sections/Teams/Teams.jsx
@@ -1,6 +1,6 @@
import React, { useEffect, useRef } from "react";
import styled from "styled-components";
-import { members } from "../../constants/constants";
+import { members1, members2 } from "../../constants/constants";
import TeamCard from "./TeamCard";
import Slider from "react-slick";
import { useInView } from "react-intersection-observer";
@@ -8,7 +8,7 @@ import "../../../node_modules/slick-carousel/slick/slick.css";
import "../../../node_modules/slick-carousel/slick/slick-theme.css";
const Section = styled.div`
- height: 100vh;
+
width: 100%;
background-color: #010116;
${
@@ -20,7 +20,7 @@ const Section = styled.div`
); */
}
@media only screen and (max-width: 768px) {
- height: 100vh;
+
}
`;
@@ -38,11 +38,11 @@ const Container = styled.div`
const Carousal = styled.div`
width: 85vw;
- height: 60vh;
display: flex;
flex-direction: column;
justify-content: center;
-
+ margin-bottom: 40px;
+
@media only Screen and (max-width: 40em) {
width: 85vw;
.slick-slider .slick-arrow {
@@ -137,12 +137,37 @@ function Teams() {
Team
{" "}
- 2024-25
- {/* */}
+
+
+ Senior and Junior Councils for 2024-25
+
+
+
+
+ {members1.map((member) => {
+ return (
+
+ );
+ })}
+
+
+
+
+ Founders and Advisors
+
- {members.map((member) => {
+ {members2.map((member) => {
return (