<p dir="auto">Challenge <a href="http://www.freecodecamp.com/challenges/waypoint-line-up-form-elements-responsively-with-bootstrap" rel="nofollow">http://www.freecodecamp.com/challenges/waypoint-line-up-form-elements-responsively-with-bootstrap</a> has an issue.</p>
<p dir="auto">I think the problem is happening on all Waypoint pages; the device right side of the screen where the CatPhotoApp page displays the information is being displayed duplicated;</p>
<p dir="auto">Another point is that the HTML / CSS code is not completely displayed when the page is loaded, it is necessary to click or edit the code so that the code from the previous lesson is displayed correctly;</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/8672039/9483149/cbe9f67c-4b72-11e5-9b2a-698deaa06a4e.png"><img src="https://cloud.githubusercontent.com/assets/8672039/9483149/cbe9f67c-4b72-11e5-9b2a-698deaa06a4e.png" alt="duplicate" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/8672039/9483184/285ff19a-4b73-11e5-8601-6c5fbb58215b.png"><img src="https://cloud.githubusercontent.com/assets/8672039/9483184/285ff19a-4b73-11e5-8601-6c5fbb58215b.png" alt="lost previous code" style="max-width: 100%;"></a></p>
<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/applied-visual-design/change-the-position-of-overlapping-elements-with-the-zindex-property" rel="nofollow">change-the-position-of-overlapping-elements-with-the-zindex-property</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">The content from the previous exercise is shown but not the content from the current exercise. The content only reveals itself when the challenge is completed.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    
    
&lt;style&gt;
div {
  width: 60%;
  height:200px;
  margin-top: 20px;
}

.first {
  background-color: red;
  position: absolute;
  z-index: 2;
}
.second {
  background-color: blue;
  position: absolute;
  left: 40px;
  top: 50px;
  z-index: 1;
}
&lt;/style&gt;

&lt;div class=&quot;first&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;second&quot;&gt;&lt;/div&gt;

    ```
    "><pre class="notranslate">    
    
<span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
<span class="pl-ent">div</span> {
  <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">60<span class="pl-smi">%</span></span>;
  <span class="pl-c1">height</span><span class="pl-kos">:</span><span class="pl-c1">200<span class="pl-smi">px</span></span>;
  <span class="pl-c1">margin-top</span><span class="pl-kos">:</span> <span class="pl-c1">20<span class="pl-smi">px</span></span>;
}

.<span class="pl-c1">first</span> {
  <span class="pl-c1">background-color</span><span class="pl-kos">:</span> red;
  <span class="pl-c1">position</span><span class="pl-kos">:</span> absolute;
  <span class="pl-c1">z-index</span><span class="pl-kos">:</span> <span class="pl-c1">2</span>;
}
.<span class="pl-c1">second</span> {
  <span class="pl-c1">background-color</span><span class="pl-kos">:</span> blue;
  <span class="pl-c1">position</span><span class="pl-kos">:</span> absolute;
  <span class="pl-c1">left</span><span class="pl-kos">:</span> <span class="pl-c1">40<span class="pl-smi">px</span></span>;
  <span class="pl-c1">top</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">px</span></span>;
  <span class="pl-c1">z-index</span><span class="pl-kos">:</span> <span class="pl-c1">1</span>;
}
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">first</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">second</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>

    ```
    </pre></div>