<!-- Code -->
<div class="docs-section" id="code">
  <h6 class="docs-header">Code</h6>
    <p>Code styling is kept basic – just wrap anything in a <code>&lt;code&gt;</code> and it will appear like <code>this</code>. For blocks of code, wrap a <code>&lt;code&gt;</code> with a <code>&lt;pre&gt;</code>.</p>

<div class="docs-example">
<pre><code>.some-class {
  background-color: red;
}</code></pre>
</div>


<!-- Code Example -->
<pre class="code-example">
<code class="code-example-body prettyprint"><pre><code>.some-class {
  background-color: red;
}</code></pre>

<!-- Remember every whitespace and break will be preserved in a <pre>, including indentation in your code -->
</code>
</pre>
<!-- END Code Example -->

</div>
<!-- Code -->
<div class="docs-section" id="code">
  <h6 class="docs-header">Code</h6>
    <p>Code styling is kept basic – just wrap anything in a <code>&lt;code&gt;</code> and it will appear like <code>this</code>. For blocks of code, wrap a <code>&lt;code&gt;</code> within a <code>&lt;pre&gt;</code>.</p>

<div class="docs-example">
<pre><code>.some-class {
  background-color: red;
}</code></pre>
</div>


<!-- Code Example -->
<pre class="code-example">
<code class="code-example-body prettyprint"><pre><code>.some-class {
  background-color: red;
}</code></pre>

<!-- Remember every whitespace and break will be preserved in a <pre>, including indentation in your code -->
</code>
</pre>
<!-- END Code Example -->

</div>

Add miniscule change to end of line in code section
Add miniscule change to end of line in code section
