<h4 dir="auto">Challenge Name</h4>

<p dir="auto"><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%C2%A0%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">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%C2%A0%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</a></p>
<h4 dir="auto">Issue Description</h4>

<p dir="auto">I have the correct code which I have verified with the gitter community but still the header will not change to red. I have no other means of doing this training than on my phone which is an Android. I cannot proceed with these lessons until this is rectified.</p>
<h4 dir="auto">Browser Information</h4>

<p dir="auto">I only have access to this via my Android using Google chrome</p>
<ul dir="auto">
<li>Browser Name, Version: Google chrome</li>
<li>Operating System: Android</li>
<li>Mobile, Desktop, or Tablet: Mobile</li>
</ul>
<h4 dir="auto">Your Code</h4>

&lt;style&gt;
  .red-text {
    color: red;
  }
&lt;/style&gt;
<h2 dir="auto">CatPhotoApp</h2>
<p dir="auto">Kitty ipsum dolor sit amet, shed everywhere shed everywhere 
</p><div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=""><pre class="notranslate"></pre></div>
<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/data-visualization-with-d3/add-inline-styling-to-elements" rel="nofollow">add-inline-styling-to-elements</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 10.0; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">Similar to issues mentioned in issues within <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="202431668" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/12762" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/12762/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/12762">#12762</a>, I can't get the <code class="notranslate">Your h2 elements should have a font-family of verdana.</code> test to pass in Firefox. I have refreshed the page, reset the code, cleared local storage--in all permutations, several times each--verified that each h2 element has the correct attribute and value, and checked to see what FCC JS code's test was asserting. The only error being logged throughout any of this is <code class="notranslate">Content Security Policy: Directive ‘frame-src’ has been deprecated. Please use directive ‘child-src’ instead.</code> on page refresh. At least one other person has tried and had the same problem in Firefox, but were able to pass after a few refreshes in Chrome after a few page refreshes.</p>
<p dir="auto">Additional challenges that appear to have this same problem:<br>
<a href="http://beta.freecodecamp.com/en/challenges/data-visualization-with-d3/change-styles-based-on-data" rel="nofollow">Change Styles Based on Data</a><br>
<a href="http://beta.freecodecamp.com/en/challenges/data-visualization-with-d3/change-the-presentation-of-a-bar-chart" rel="nofollow">Change the Presentation of a Bar Chart</a><br>
<a href="http://beta.freecodecamp.com/en/challenges/data-visualization-with-d3/change-the-color-of-an-svg-element" rel="nofollow">Change the Color of an SVG Element</a><br>
<a href="http://beta.freecodecamp.com/en/challenges/data-visualization-with-d3/style-d3-labels" rel="nofollow">Style D3 Labels</a></p>
<p dir="auto">A recurring theme is that the solution to the failing test cases are all in element attributes, if that helps any...</p>