diff --git a/src/components/team-card/index.tsx b/src/components/team-card/index.tsx index b6082a0..9ae1cb2 100644 --- a/src/components/team-card/index.tsx +++ b/src/components/team-card/index.tsx @@ -8,7 +8,7 @@ const TeamCard: React.FC = () => { const teamMembers = [ { name: 'Nikhil Dange', - position: 'Hack Technical Lead', + position: 'Hack President', email: 'nikhil@acmucsd.org', linkedinLink: 'https://www.linkedin.com/in/nsdange/', imageUrl: 'assets/nikhil.JPG', diff --git a/src/components/team-card/style.module.css b/src/components/team-card/style.module.css index efecc82..d5e8e55 100644 --- a/src/components/team-card/style.module.css +++ b/src/components/team-card/style.module.css @@ -1,12 +1,15 @@ .team { - display: grid; - /* grid-template-columns: 19% 19% 19% 19% 19%; */ - grid-template-columns: repeat(5, 1fr); - justify-content: center; - gap: 0.5rem; - padding-left: 0.5rem; - padding-right: 0.5rem; - } + display: grid; + margin: 0 auto; + grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); + row-gap: 2rem; + column-gap: 2rem; + max-width: 90%; + text-align: center; + justify-content: center; + margin-bottom: 2rem; + margin-top: 1rem; +} .card { text-align: center; diff --git a/src/sections/About/index.tsx b/src/sections/About/index.tsx index 2d7822a..e0be8a4 100644 --- a/src/sections/About/index.tsx +++ b/src/sections/About/index.tsx @@ -61,7 +61,12 @@ const About: React.FC = () => { your resume, learn new technologies, and work with a team. We'll provide the mentorship and guidance, so don't worry about having any prior experience. Learn more and apply at{' '} - + projects.acmucsd.com ! diff --git a/src/sections/Team/style.module.css b/src/sections/Team/style.module.css index dc94b2d..d4a88bd 100644 --- a/src/sections/Team/style.module.css +++ b/src/sections/Team/style.module.css @@ -1,11 +1,7 @@ -.container { - margin-bottom: 2rem; -} .team { display: flex; justify-content: center; align-items: center; - width: 100%; height: 30vh; max-height: 100vh; }