Pulls out schedule module

3 files changed, 37 insertions, 1 deletions

diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index 6e971c0..a3d8cfc 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -2,4 +2,6 @@
 @import './link.css';
 @import './news-index.css';
 @import './back-to-top.css';
-@import './product.css';
\ No newline at end of file
+@import './product.css';
+@import './schedule.css';
+@import './schedule.lg.css' (min-width: 35rem);
\ No newline at end of file
diff --git a/public/css/modules/schedule.css b/public/css/modules/schedule.css
new file mode 100644
index 0000000..123d76f
--- /dev/null
+++ b/public/css/modules/schedule.css
@@ -0,0 +1,13 @@
+.schedule dt {
+  font-weight: 700;
+  margin-block-start: var(--spacing-block-md);
+  text-align: center;
+}
+
+.schedule dd {
+  text-align: center;
+}
+
+.schedule dd:last-child {
+  margin-block-end: var(--spacing-block-md);
+}
\ No newline at end of file
diff --git a/public/css/modules/schedule.lg.css b/public/css/modules/schedule.lg.css
new file mode 100644
index 0000000..7d8d25e
--- /dev/null
+++ b/public/css/modules/schedule.lg.css
@@ -0,0 +1,21 @@
+.schedule {
+  display: grid;
+  grid-template-columns: fit-content(5rem) 1fr;
+  grid-column-gap: var(--spacing-inline-sm);
+  grid-row-gap: var(--spacing-block-sm);
+}
+
+.schedule dt {
+  grid-column-start: 1;
+  margin: 0;
+  text-align: end;
+}
+
+.schedule dd {
+  grid-column-start: 2;
+  text-align: start;
+}
+
+.schedule dd:last-child {
+  margin-block-end: 0;
+}
\ No newline at end of file