CSS improved

assets/css/style.css

@@ -694,48 +694,48 @@ th {
   flex-direction: column;
   align-items: center;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
-  line-height: 1; }
-
-.schedule .session {
-  display: grid;
-  grid-template-columns: 3fr 3fr 6fr;
-  margin: 10px;
-  width: 100%;
+  line-height: 1;
   max-width: 600px;
-  padding: 10px 20px;
-  align-items: center; }
-
-.schedule .date, .schedule .room {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-height: 80px;
-  justify-content: center; }
-
-.schedule .time {
-  font-size: 0.8em; }
-
-.schedule .caption {
-  font-size: 0.7em; }
-
-.schedule .topics {
-  display: grid;
-  grid-gap: 10px;
-  text-align: right; }
+  width: 100%;
+  margin: 0 auto; }
+  .schedule .session {
+    display: grid;
+    grid-template-columns: 3fr 3fr 6fr;
+    margin: 10px;
+    width: 100%;
+    padding: 10px 20px;
+    align-items: center; }
+  .schedule .date, .schedule .room {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-height: 80px;
+    justify-content: center;
+    text-align: center; }
+  .schedule .time {
+    font-size: 0.8em; }
+  .schedule .caption {
+    font-size: 0.7em; }
+  .schedule .topics {
+    display: grid;
+    grid-gap: 10px;
+    text-align: right; }
 
 .course_page {
   display: flex;
   flex-direction: column;
-  align-items: center; }
-
-.course_page > p {
-  align-self: start; }
-
-.course_page .disclaimer {
-  font-size: 0.6em;
-  margin-top: 50px;
-  text-align: center;
-  text-transform: uppercase; }
+  align-items: center;
+  max-width: 750px;
+  margin: 0 auto; }
+  .course_page > p {
+    align-self: start; }
+  .course_page > .schedule {
+    max-width: 100%; }
+  .course_page .disclaimer {
+    font-size: 0.6em;
+    margin-top: 50px;
+    text-align: center;
+    text-transform: uppercase; }
 
 .material-kit {
   /*     brand Colors              */

assets/scss/modules/_course_page.scss

@@ -2,15 +2,21 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-}
+  max-width: 750px;
+  margin: 0 auto;
 
-.course_page > p {
-  align-self: start;
-}
+  > p {
+    align-self: start;
+  }
 
-.course_page .disclaimer {
-  font-size: 0.6em;
-  margin-top: 50px;
-  text-align: center;
-  text-transform: uppercase;
+  > .schedule {
+    max-width: 100%;
+  }
+
+  .disclaimer {
+    font-size: 0.6em;
+    margin-top: 50px;
+    text-align: center;
+    text-transform: uppercase;
+  }
 }
\ No newline at end of file

assets/scss/modules/_schedule.scss

@@ -5,37 +5,40 @@
   align-items: center;
   font-family: $sans-serif;
   line-height: 1;
-}
-
-.schedule .session {
-  @extend .bg-darker;
-  display: grid;
-  grid-template-columns: 3fr 3fr 6fr;
-  margin: 10px;
-  width: 100%;
   max-width: 600px;
-  padding: 10px 20px;
-  align-items: center;
-}
+  width: 100%;
+  margin: 0 auto;
 
-.schedule .date, .schedule .room {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-height: 80px;
-  justify-content: center;
-}
+  .session {
+    @extend .bg-darker;
+    display: grid;
+    grid-template-columns: 3fr 3fr 6fr;
+    margin: 10px;
+    width: 100%;
+    padding: 10px 20px;
+    align-items: center;
+  }
+
+  .date, .room {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-height: 80px;
+    justify-content: center;
+    text-align: center;
+  }
 
-.schedule .time {
-  font-size: 0.8em;
-}
+  .time {
+    font-size: 0.8em;
+  }
 
-.schedule .caption {
-  font-size: 0.7em;
-}
+  .caption {
+    font-size: 0.7em;
+  }
 
-.schedule .topics {
-  display: grid;
-  grid-gap: 10px;
-  text-align: right;
+  .topics {
+    display: grid;
+    grid-gap: 10px;
+    text-align: right;
+  }
 }
\ No newline at end of file