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) => -
- {`beautiful -

{member.name}

-
- )} -
+ + beautiful headshots of our members +
); 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

-
-
- beautiful headshot of John. -

- John -

-
-
- beautiful headshot of Ismael. -

- Ismael -

-
-
- beautiful headshot of Nirvignesh. -

- Nirvignesh -

-
-
- beautiful headshot of Tijana. -

- Tijana -

-
-
- beautiful headshot of Jennifer. -

- Jennifer -

-
-
- beautiful headshot of Kellan. -

- Kellan -

-
-
+ beautiful headshots of our members +
`;