<p dir="auto">This is the code that I have put in.  When I test the link myself, it does everything the challenge mentions.  I am just unable to complete this challenge.  Am I missing something?</p>
<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag" rel="nofollow">adjust-the-hover-state-of-an-anchor-tag</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="

&lt;style&gt;
  a {
    color: #000;
  }
  a:hover{
    color: #00F;
    text-decoration: none;
  }
  
&lt;/style&gt;
&lt;a href=&quot;https://atjonathan.github.io/catphotoapp&quot;&gt;CatPhotoApp&lt;/a&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">a</span> {
    <span class="pl-c1">color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>000</span>;
  }
  <span class="pl-ent">a</span><span class="pl-kos">:</span><span class="pl-c1">hover</span>{
    <span class="pl-c1">color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>00F</span>;
    <span class="pl-c1">text-decoration</span><span class="pl-kos">:</span> none;
  }
  
<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">a</span> <span class="pl-c1">href</span>="<span class="pl-s">https://atjonathan.github.io/catphotoapp</span>"<span class="pl-kos">&gt;</span>CatPhotoApp<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag" rel="nofollow">adjust-the-hover-state-of-an-anchor-tag</a> has an issue.</p>
<p dir="auto">I think this challenge should be changed, I'll list some reasons:</p>
<ul dir="auto">
<li>Right now the challenge shows two new concepts, hover and text-decoration: none, when the overall teaching style is one concept per challenge</li>
<li>Here pseudo-classes are introduced for the first time in the curriculum, I think the description is too concise and could leave a beginner with a lot of doubts.</li>
<li>There is not an example showing how to use :hover with a selector.</li>
</ul>
<p dir="auto">My suggestion:</p>
<ul dir="auto">
<li>Split the challenge in two, one for hover, one for text-transform: none.</li>
<li>Enhance the description, including a practical example.</li>
</ul>