Better responsive, grid-aligned Schedule layout

1 files changed, 16 insertions, 0 deletions

diff --git a/public/css/modules/schedule.md.css b/public/css/modules/schedule.md.css
new file mode 100644
index 0000000..9ccfb0b
--- /dev/null
+++ b/public/css/modules/schedule.md.css
@@ -0,0 +1,16 @@
+.schedule {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
+  column-gap: var(--grid-gutter-width);
+}
+
+.schedule dt {
+  grid-column: 1 / 3;
+  margin: 0;
+  text-align: end;
+}
+
+.schedule dd {
+  grid-column: 3 / calc(1 + var(--grid-prose-column-count));
+  text-align: start;
+}