Pulls out schedule module

5 files changed, 41 insertions, 39 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
diff --git a/public/main.css b/public/main.css
index 5a3d66c..b937824 100644
--- a/public/main.css
+++ b/public/main.css
@@ -69,44 +69,6 @@ ol li {
   margin-inline-start: --spacing-inline-md;
 }
 
-.schedule dt {
-  font-weight: 500;
-  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);
-}
-
-@container main (min-width: 20rem) {
-  .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;
-  }
-}
-
 footer {
   padding-block-start: var(--spacing-block-md);
   padding-bottom: 8rem;
diff --git a/public/normalize.css b/public/normalize.css
index 98e28fa..28cce67 100644
--- a/public/normalize.css
+++ b/public/normalize.css
@@ -372,3 +372,7 @@ ol {
 li {
   list-style: none;
 }
+
+dd {
+  margin: 0;
+}
\ No newline at end of file