Better display

_episodes/02-formatting.md

@@ -174,6 +174,9 @@ This is rendered as:
 The [lesson template]({{ site.template_repo }}) defines styles
 for the following special blockquotes:
 
+<div class="row">
+  <div class="col-md-6" markdown="1">
+
 > ## .callout
 >
 > An aside or other comment.
@@ -194,6 +197,9 @@ for the following special blockquotes:
 > Key points of an episode.
 {: .keypoints}
 
+  </div>
+  <div class="col-md-6" markdown="1">
+
 > ## `.objectives`
 >
 > Episode objectives.
@@ -209,6 +215,9 @@ for the following special blockquotes:
 > A laudatory quote from a user.
 {: .testimonial}
 
+  </div>
+</div>
+
 Most authors will only use `.callout`, `.challenge`, and `.prereq`,
 as the others are automatically generated by the template.
 Note that `.prereq` is meant for describing things that learners should know before starting this lesson;

assets/css/lesson.scss

@@ -73,9 +73,9 @@ $codeblock-padding: 5px !default;
 .challenge{ @include bkSetup(#3c763d, "\270f"); }
 .checklist{ @include bkSetup(#D4C30B, "\e067"); }
 .keypoints{ @include bkSetup(#0B80F0, "\e101"); }
-.objectives{ @include bkSetup(#9A2EFE, "\e124"); }
-.prereq{ @include bkSetup(#FF4000, "\e240"); }
-.testimonial{ @include bkSetup(#BFFF00, "\e067"); }
+.objectives{ @include bkSetup(#9A2EFE, "\e085"); }
+.prereq{ @include bkSetup(#FF4000, "\e124"); }
+.testimonial{ @include bkSetup(#BFFF00, "\e143"); }
 
 //----------------------------------------
 // Override Bootstrap settings.