diff --git a/src/components/Projects.css b/src/components/Projects.css
index d30fd8b..e5b76d5 100644
--- a/src/components/Projects.css
+++ b/src/components/Projects.css
@@ -8,7 +8,7 @@
line-height: 1.2;
}
-.Cards {
+#Projects .Cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
gap: 2.5rem;
diff --git a/src/components/Team.css b/src/components/Team.css
index 92e42f3..1ce22db 100644
--- a/src/components/Team.css
+++ b/src/components/Team.css
@@ -1,9 +1,16 @@
#Team {
- padding-inline: 5rem;
+ padding-inline: 5em;
+}
+
+#Team .Cards {
+ margin-top: 2.75em;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2.5rem;
}
@media screen and (max-width: 800px) {
#Team {
- padding-inline: 1rem;
+ padding-inline: 1em;
}
}
diff --git a/src/components/TeamMemberCard.css b/src/components/TeamMemberCard.css
index 88f268b..40d3071 100644
--- a/src/components/TeamMemberCard.css
+++ b/src/components/TeamMemberCard.css
@@ -1,24 +1,32 @@
-.members-card{
- display: flex;
- justify-content: space-between;
- flex-direction: column;
- padding:0;
+.members-card {
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
}
-.members-card-body{
+.members-card-title {
+ font-weight: 600;
+ font-size: 1.8rem;
+ line-height: 1.2rem;
+ padding-bottom: 1.5rem;
}
-.members-card-title{
-font-weight: 600;
-font-size: 1.8rem;
-line-height: 1.02rem;
-padding-bottom:1rem;
+.card-text {
+ font-size: 1.2rem;
+ line-height: 1.2rem;
+ padding-bottom: 1.5rem;
}
-.card-text{
- font-size:1.2rem;
- line-height: 1.2rem;
- padding:1rem 0;
+.members-card-footer {
+ border-top: 2px solid var(--gray);
+}
+
+.members-card-footer a {
+ display: flex;
+ justify-content: space-between;
+ padding-block: 0.5em;
+ font-weight: 600;
+ font-size: 0.9rem;
+}
+
+.members-card-footer > *:not(:first-child) {
+ border-top: 2px solid var(--gray);
}
-.members-card-footer{
- border-top: 2px solid var(--gray);
- padding:1rem 0;
-}
\ No newline at end of file
diff --git a/src/components/TeamMemberCard.tsx b/src/components/TeamMemberCard.tsx
index e3a8518..fd7e980 100644
--- a/src/components/TeamMemberCard.tsx
+++ b/src/components/TeamMemberCard.tsx
@@ -1,7 +1,7 @@
import globe from "../images/globe.svg";
import github from "../images/github.svg";
-import discord from "../images/discord.svg";
-import twitter from "../images/twitter.svg";
+import discord from "../images/discord_round.svg";
+import twitter from "../images/twitter_round.svg";
import telegram from "../images/telegram.svg";
import "./TeamMemberCard.css";
import ColorHash from "color-hash";
@@ -24,7 +24,7 @@ interface Links {
telegram?: string;
}
-function renderLink(url: string, source: string, icon: string, button: boolean = false, text: boolean = false): any {
+function renderLink(url: string, source: string, icon: string, button: boolean = false, text: boolean = true): any {
let RgExp = new RegExp('^(?:[a-z]+:)?//', 'i');
if (!RgExp.test(url)) {
url = '//' + url;
@@ -33,8 +33,8 @@ function renderLink(url: string, source: string, icon: string, button: boolean =
return (
);
diff --git a/src/images/github.svg b/src/images/github.svg
index 717a5ca..0c2f8e2 100644
--- a/src/images/github.svg
+++ b/src/images/github.svg
@@ -1,3 +1,4 @@
-