Team Section cosmetic changes (#35)

* Cosmetic changes to team section * Adding link classname to a link * Update style.module.css * Update index.tsx --------- Co-authored-by: avVergnet <[email protected]> Co-authored-by: Angela Hu <[email protected]>
acmucsd · Oct 2, 2023 · 34f8898 · 34f8898
1 parent 857600b
commit 34f8898
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 14 deletions.
diff --git 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: '[email protected]',
       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
@@ -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
@@ -61,7 +61,12 @@ const About: React.FC = () => {
             your resume, learn new technologies, and work with a team. We&apos;ll provide the
             mentorship and guidance, so don&apos;t worry about having any prior experience. Learn
             more and apply at{' '}
-            <a href="https://projects.acmucsd.com" target="_blank" rel="noopener noreferrer">
+            <a
+              className={styles.link}
+              href="https://projects.acmucsd.com"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               projects.acmucsd.com
             </a>
             !

diff --git 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;
 }