<p dir="auto">Challenge <a href="https://www.freecodecamp.com/challenges/use-a-css-class-to-style-an-element#?solution=%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A" rel="nofollow">Use a CSS Class to Style an Element</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">My code:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
&lt;style&gt;
  .red-text {
    color: red;
  }
&lt;/style&gt;

&lt;h2 class=&quot;red-text&quot;&gt;CatPhotoApp&lt;/h2&gt;

&lt;p&gt;Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.&lt;/p&gt;
"><pre class="notranslate"><code class="notranslate">
&lt;style&gt;
  .red-text {
    color: red;
  }
&lt;/style&gt;

&lt;h2 class="red-text"&gt;CatPhotoApp&lt;/h2&gt;

&lt;p&gt;Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.&lt;/p&gt;

</code></pre></div>
<h4 dir="auto">Challenge Name</h4>

<p dir="auto">All</p>
<h4 dir="auto">Issue Description</h4>

<p dir="auto">After passing a few exercises, the display on the phone on the right hand side of the code doesn't work (phone remains blank). Also, the text under run text where it normally shows which criteria have to be met for the code to be accepted is also missing. These issues are fixed after multiple refreshes of the page.</p>
<h4 dir="auto">Browser Information</h4>

<p dir="auto">Same error appears on both Google Chrome (Version 52.0.2743.116 m), and Microsoft Edge (25.10586.0.0). Haven't tried any other browsers.</p>
<ul dir="auto">
<li>Browser Name, Version: Google Chrome (Version 52.0.2743.116 m) and Microsoft Edge (25.10586.0.0)</li>
<li>Operating System: Windows 10 Version 1511</li>
<li>Mobile, Desktop, or Tablet: Desktop</li>
</ul>
<h4 dir="auto">Screenshot</h4>

<p dir="auto"><a href="http://imgur.com/yV3BNJ1" rel="nofollow">http://imgur.com/yV3BNJ1</a></p>