diff --git a/src/components/Members.jsx b/src/components/Members.jsx
index 5d3f726..cad92c4 100644
--- a/src/components/Members.jsx
+++ b/src/components/Members.jsx
@@ -8,17 +8,10 @@ function Members() {
{ id: 5, firstName: 'Sarah', lastName: 'Lilly-Bruland', title: 'Admin Emeritus', imgUrl: 'https://avatars.githubusercontent.com/u/17872422?v=4' },
{ id: 6, firstName: 'Justin', lastName: 'Woodward', title: 'Admin Emeritus', imgUrl: 'https://avatars.githubusercontent.com/u/17994108?v=4' },
]
- const members = [
- { id: 0, name: 'John', imgUrl: '/head.png' },
- { id: 1, name: 'Ismael', imgUrl: '/head.png' },
- { id: 2, name: 'Nirvignesh', imgUrl: '/head.png' },
- { id: 3, name: 'Tijana', imgUrl: '/head.png' },
- { id: 4, name: 'Jennifer', imgUrl: '/head.png' },
- { id: 5, name: 'Kellan', imgUrl: '/head.png' },
- ]
+
return (
-
+
Meet the Admins
{admin.map((member) =>
@@ -30,16 +23,11 @@ function Members() {
)}
-
+
Meet the Contributors
-
- {members.map((member) =>
-
-
-
{member.name}
-
- )}
-
+
+
+
);
diff --git a/src/index.css b/src/index.css
index 2c726dd..e18b69e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -187,12 +187,17 @@ th {
width: 33%;
}
-.members {
+.admins,
+.contributors {
display: flex;
flex-flow: column nowrap;
align-items: center;
}
+.contributors {
+ margin-bottom: 25px;
+}
+
.row {
display: flex;
flex-direction: row;
@@ -211,17 +216,15 @@ th {
width: 140px;
}
-.member-avatar {
- height: 100px;
- width: 100px;
- border-radius: 50%;
+.members-avatar, .contributors-avatar {
+ width: 1000px;
}
-.members h4 {
+.admins h4 {
margin: 5px 0 5px 0;
}
-.members h5 {
+.admins h5 {
margin-top: 15px;
}
@@ -256,13 +259,7 @@ footer img {
max-width: 100%;
}
-/* Responsive adjustments */
-@media (min-width: 768px) {
- .splash {
- grid-template-columns: 1fr 1fr; /* 2 columns for wider screens */
- }
-
- .byline, .splash img {
- grid-column: auto; /* Resets to default grid behavior */
- }
+.contributors-link {
+ text-decoration: none;
+ color: #707070;
}
\ No newline at end of file
diff --git a/src/test/components/__snapshots__/Members.test.js.snap b/src/test/components/__snapshots__/Members.test.js.snap
index 6e9f6a9..194b56d 100644
--- a/src/test/components/__snapshots__/Members.test.js.snap
+++ b/src/test/components/__snapshots__/Members.test.js.snap
@@ -3,7 +3,7 @@
exports[`Members renders 1`] = `
Meet the Admins
@@ -126,75 +126,23 @@ exports[`Members renders 1`] = `
Meet the Contributors
-
-
-
-
- John
-
-
-
-
-
- Ismael
-
-
-
-
-
- Nirvignesh
-
-
-
-
-
- Tijana
-
-
-
-
-
- Jennifer
-
-
-
-
-
- Kellan
-
-
-
+
+
`;