anchor.diff:      </a>
     </nav>
   <% end %>
  -    </article>
  +      </article>
   
   
  -    <article class="component">
  -      <h2 id="typography">Typography</h2>
  -      <p>Use headings and paragraphs to title and describe sections of your app. Apply or wrap elements with <code>.content</code> to give the content space around the screen.</p>
  +      <article class="component">
  +        <h2 id="typography">Typography</h2>
  +        <p>Use headings and paragraphs to title and describe sections of your app. Apply or wrap elements with <code>.content</code> to give the content space around the screen.</p>
   <% code "html" do %>
   <div class="content">
     <h1>h1. Heading</h1>
  
positive.code: <% end -%>
  
  
      <article class="component active">
        <h2 id="tab-bar">Tab bar</h2>
        <p>Use Ratchicons in the <code>nav.tab</code> to represent different sections of your app.</p>
  <% code 'html' do %>
    <nav class="tab">
      <a class="active" href="#">
  
negative.code:   </div>
  </div>
  <% end %>
        </article>
  
  
        <article class="component">
          <h2 id="media">Media</h2>
  <% code "html" do %>
  <section class="group">
    <a class="media">
  