diff --git a/_episodes/04-divs.md b/_episodes/04-divs.md new file mode 100644 index 0000000000000000000000000000000000000000..731a96c2c9efde2471264805addb1a88e8c67b5d --- /dev/null +++ b/_episodes/04-divs.md @@ -0,0 +1,33 @@ +--- +title: "Using Divs" +teaching: 5 +exercises: 0 +questions: +- "Should we use div instead of blockquote for challenge?" +objectives: +- "Show the differences between divs and blockquotes for challenges." +keypoints: +- "The CSS changes are surprisingly small." +--- +This is a challenge formatted using a `div`: + +
+ +## Challenge Title as H2 + +This is the text explaining the challenge. + +~~~ +this code +is part of +the challenge +~~~ +{: .source} + +> ## Solution +> +> We can put the solution(s) in blockquotes inside the `div`. +> Or we could define yet another `div`. +{: .solution} + +
diff --git a/assets/css/lesson.scss b/assets/css/lesson.scss index 1b89d56dda2579fdbb3e2525d40976b634ba1af2..1cd011f502b2b3162d754c6147a5f7eebb24eb2b 100644 --- a/assets/css/lesson.scss +++ b/assets/css/lesson.scss @@ -75,6 +75,7 @@ $codeblock-padding: 5px !default; .keypoints{ @include bkSetup(#682047, "\e101"); } .objectives{ @include bkSetup(#667932, "\e085"); } .prereq{ @include bkSetup(#BD6F7A, "\e124"); } +.solution{ @include bkSetup(#F5A9A9, "\e105"); } .testimonial{ @include bkSetup(#C0A92A, "\e143"); } //----------------------------------------