anchor.diff:  
   <%= code_example '
   <div class="section-container auto" data-section data-options="deep_linking: true">
  -  <section>
  +  <section class="active">
       <p class="title" data-section-title><a href="#section1">Section 1</a></p>
       <div class="content" data-slug="section1" data-section-content>
         <p>Content of section 1.</p>
  
positive.code:         <p>The default use case for our section plugin is to create accordions on small screens and tabs on large screens.</p>
  <%= code_example '
  <div class="section-auto-sample" data-section="auto">
    <section>
      <p class="title-sample" data-section-title><a href="#section1">Section 1</a></p>
      <div class="content-sample" data-slug="section1" data-section-content>
        <p>Content of section 1.</p>
  
negative.code:         <p>Adding an <code>accordion</code> class to the section container will show an accordion on both small and large screens.</p>
  <%= code_example '
  <div class="section-container accordion" data-section="accordion">
    <section class="active">
      <p class="title" data-section-title><a href="#">Section 1</a></p>
      <div class="content" data-section-content>
        <p>Content of section 1.</p>
  