Custom content width options for markdown

_sass/temple/_content.scss

@@ -1,10 +1,30 @@
 // Content only
 .content {
-   & > * {
+  & > * {
     max-width: $content-max-width; // 1080px;
     margin-left: auto;
     margin-right: auto;
   }
+  & > .row {
+    max-width: $content-max-width; // 1080px;
+    // max-width: calc($content-max-width + ($gutter-width / 2));
+    max-width: calc(960px + (1.25em));
+    margin-left: auto;
+    margin-right: auto;
+  }
+  & > .row-wide {
+    max-width: 1080px;
+    // max-width: calc(1080px + ($gutter-width / 2));
+    max-width: calc(1080px + (1.25em));
+  }
+  & > .row-wider {
+    max-width: 1280px;
+    // max-width: calc(1280px + ($gutter-width / 2));
+    max-width: calc(1280px + (1.25em));
+  }
+  & > .row-widest {
+    max-width: 100%;
+  }
   ol, ul {
     margin-bottom: 1em;
     li {

_sass/temple/_overrides.scss

@@ -165,7 +165,7 @@ hr {
   padding: 1.5em;
   // min-height: 360px;
   // Todo: fix height issues
-  min-height: 24em;
+  min-height: 22em;
   color: white;
   border-radius: 4px;
   transition: all 300ms ease;

index.md

@@ -108,3 +108,10 @@ Long, single-line code blocks should not wrap. They should horizontally scroll i
 ```
 The final element.
 ```
+
+<div class="row">
+<br />
+<div class="col m12 l4">{% include cards/card2-image.html title="Broaden Your Perspective" content="Global Studies students learn to see the world as a whole, combining foundational courses with specialized study in global security, economy, or culture." image="assets/img_gs_rome.png" button-link="undergraduate/#coursework" button-text="Learn More" %}</div>
+<div class="col m12 l4">{% include cards/card2-image.html title="Experience Temple Abroad" content="Our students can study and earn internship credit abroad at Temple’s campuses in Rome and Japan, as well as at dozens of other Temple-recognized programs." image="assets/img_gs_languages.png" button-link="next-stops/#study-around-the-world" button-text="Learn More" %}</div>
+<div class="col m12 l4">{% include cards/card2-image.html title="Design Your Future" content="Beyond the classroom, Global Studies students are encouraged to undertake internships, volunteer, be active in student organizations, and plan for a variety of global professions." image="assets/img_gs_globalecon.png" button-link="next-stops/" button-text="Learn More" %}</div>
+</div>