4 files changed, 37 insertions, 1 deletions
diff --git a/public/css/modules/committee.css b/public/css/modules/committee.css
new file mode 100644
index 0000000..b8a75a5
--- /dev/null
+++ b/public/css/modules/committee.css
@@ -0,0 +1,4 @@
+.committee__member__img {
+  margin-inline: calc(var(--grid-column-width) + var(--grid-gutter-width));
+  width: calc(var(--grid-gutter-width) + 2 * var(--grid-column-width));
+}
+\ No newline at end of file
diff --git a/public/css/modules/committee.md.css b/public/css/modules/committee.md.css
new file mode 100644
index 0000000..23a4cba
--- /dev/null
+++ b/public/css/modules/committee.md.css
@@ -0,0 +1,15 @@
+.committee__member {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
+  grid-template-rows: 1fr;
+  column-gap: var(--grid-gutter-width);
+}
+
+.committee__member__img {
+  grid-column: 1 / 3;
+  margin-block: auto;
+}
+
+.committee__member__text {
+  grid-column: 3 / min(9, calc(var(--grid-column-count) + 1));
+}
+\ No newline at end of file
diff --git a/public/css/modules/committee.xl.css b/public/css/modules/committee.xl.css
new file mode 100644
index 0000000..94d8429
--- /dev/null
+++ b/public/css/modules/committee.xl.css
@@ -0,0 +1,15 @@
+.committee__member {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
+  grid-template-rows: 1fr;
+  column-gap: var(--grid-gutter-width);
+}
+
+.committee__member__img {
+  grid-column: 1 / 3;
+  margin-block: auto;
+}
+
+.committee__member__text {
+  grid-column: 3 / min(11, calc(var(--grid-column-count) + 1));
+}
+\ No newline at end of file
diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index 9194307..618e4ca 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -9,4 +9,6 @@
 @import './nav.css';
 @import './nav.md.css' (min-width: 48rem);
 @import './nav.lg.css' (min-width: 64rem);
-@import './skip-to-content.css';
-\ No newline at end of file
+@import './skip-to-content.css';
+@import './committee.css';
+@import './committee.md.css' (min-width: 48rem);
+\ No newline at end of file