<p dir="auto">When initially running this, I had the incorrect px size in my code (30 instead of 16), but it gave me a pass..</p>
<p dir="auto">Challenge <a href="https://www.freecodecamp.com/challenges/change-the-font-size-of-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%20%20p%20%7Bfont-size%3A%2016px%3B%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%20class%3D%22red-text%22%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%0A%3Cp%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E" rel="nofollow">Change the Font Size of an Element</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 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="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="
&lt;style&gt;
  .red-text {
    color: red;
  }
  p {font-size: 30px;}
&lt;/style&gt;

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

&lt;p class=&quot;red-text&quot;&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;

&lt;p&gt;Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.&lt;/p&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-c1">red-text</span> {
    <span class="pl-c1">color</span><span class="pl-kos">:</span> red;
  }
  <span class="pl-ent">p</span> {<span class="pl-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">30<span class="pl-smi">px</span></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">h2</span> <span class="pl-c1">class</span>="<span class="pl-s">red-text</span>"<span class="pl-kos">&gt;</span>CatPhotoApp<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">p</span> <span class="pl-c1">class</span>="<span class="pl-s">red-text</span>"<span class="pl-kos">&gt;</span>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span></pre></div>
<h4 dir="auto">Issue Description</h4>

<p dir="auto">One of the requirement to pass the test is "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%." however is passes with "30px" as well that was given with example</p>
<h4 dir="auto">Browser Information</h4>

<ul dir="auto">
<li>Browser Name, Version: Firefox 50.0.2</li>
<li>Operating System: Ubuntu</li>
<li>Mobile, Desktop, or Tablet: Desktop</li>
</ul>
<h4 dir="auto">The Code</h4>

<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=" &lt;style&gt;
  p {font-size: 30px;}
  .red-text {
    color: red;
  }
&lt;/style&gt;

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

&lt;p class=&quot;red-text&quot;&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;
&lt;p&gt;Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.&lt;/p&gt; "><pre class="notranslate"> <span class="pl-c1">&lt;</span><span class="pl-ent">style</span><span class="pl-c1">&gt;</span>
  p <span class="pl-kos">{</span><span class="pl-s1">font</span><span class="pl-c1">-</span><span class="pl-s1">size</span>: <span class="pl-c1">30</span><span class="pl-s1">px</span><span class="pl-kos">;</span><span class="pl-kos">}</span>
  .red-text <span class="pl-kos">{</span>
    <span class="pl-s1">color</span>: <span class="pl-s1">red</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">style</span><span class="pl-c1">&gt;</span>

<span class="pl-c1">&lt;</span><span class="pl-s1">h2</span> <span class="pl-s1">class</span><span class="pl-c1">=</span><span class="pl-s">"red-text"</span><span class="pl-c1">&gt;</span><span class="pl-v">CatPhotoApp</span><span class="pl-c1">&lt;</span><span class="pl-c1">/</span>h2&gt;

<span class="pl-c1">&lt;</span><span class="pl-ent">p</span> <span class="pl-c1">class</span><span class="pl-c1">=</span><span class="pl-s">"red-text"</span><span class="pl-c1">&gt;</span>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">p</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-s1">p</span><span class="pl-c1">&gt;</span><span class="pl-v">Purr</span> <span class="pl-s1">jump</span> <span class="pl-s1">eat</span> <span class="pl-s1">the</span> <span class="pl-s1">grass</span> <span class="pl-s1">rip</span> <span class="pl-s1">the</span> <span class="pl-s1">couch</span> <span class="pl-s1">scratched</span> <span class="pl-s1">sunbathe</span><span class="pl-kos">,</span> <span class="pl-s1">shed</span> <span class="pl-s1">everywhere</span> <span class="pl-s1">rip</span> <span class="pl-s1">the</span> <span class="pl-s1">couch</span> <span class="pl-s1">sleep</span> <span class="pl-k">in</span> <span class="pl-s1">the</span> <span class="pl-s1">sink</span> <span class="pl-s1">fluffy</span> <span class="pl-s1">fur</span> <span class="pl-s1">catnip</span> <span class="pl-s1">scratched</span><span class="pl-kos">.</span><span class="pl-c1">&lt;</span><span class="pl-c1">/</span>p&gt; </pre></div>
<p dir="auto">first time reporting for a bug</p>