<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property" rel="nofollow">adjust-the-width-of-an-element-using-the-width-property</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/56.0.2924.87 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">I set the full card width property to 245px and it doesnt like it. Says to keep trying. Browser zoom is set to 100%.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="

&lt;style&gt;
  h4 {
    text-align: center;
  }
  p {
    text-align: justify;
  }
  .links {
    margin-right: 20px;
    text-align: left;
  }
  .fullCard {
    width: 245px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 5px;
    padding: 4px;

  }
  .cardContent {
    padding: 10px;
  }
&lt;/style&gt;
&lt;div class=&quot;fullCard&quot;&gt;
  &lt;div class=&quot;cardContent&quot;&gt;
    &lt;div class=&quot;cardText&quot;&gt;
      &lt;h4&gt;Google&lt;/h4&gt;
      &lt;p&gt;Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class=&quot;cardLinks&quot;&gt;
      &lt;a href=&quot;https://en.wikipedia.org/wiki/Larry_Page&quot; target=&quot;_blank&quot; class=&quot;links&quot;&gt;Larry Page&lt;/a&gt;
      &lt;a href=&quot;https://en.wikipedia.org/wiki/Sergey_Brin&quot; target=&quot;_blank&quot; class=&quot;links&quot;&gt;Sergey Brin&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&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">h4</span> {
    <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;
  }
  <span class="pl-ent">p</span> {
    <span class="pl-c1">text-align</span><span class="pl-kos">:</span> justify;
  }
  .<span class="pl-c1">links</span> {
    <span class="pl-c1">margin-right</span><span class="pl-kos">:</span> <span class="pl-c1">20<span class="pl-smi">px</span></span>;
    <span class="pl-c1">text-align</span><span class="pl-kos">:</span> left;
  }
  .<span class="pl-c1">fullCard</span> {
    <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">245<span class="pl-smi">px</span></span>;
    <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">1<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>ccc</span>;
    <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">5<span class="pl-smi">px</span></span>;
    <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span> <span class="pl-c1">5<span class="pl-smi">px</span></span>;
    <span class="pl-c1">padding</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;

  }
  .<span class="pl-c1">cardContent</span> {
    <span class="pl-c1">padding</span><span class="pl-kos">:</span> <span class="pl-c1">10<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">div</span> <span class="pl-c1">class</span>="<span class="pl-s">fullCard</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">cardContent</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">cardText</span>"<span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">h4</span><span class="pl-kos">&gt;</span>Google<span class="pl-kos">&lt;/</span><span class="pl-ent">h4</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>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.<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">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">cardLinks</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://en.wikipedia.org/wiki/Larry_Page</span>" <span class="pl-c1">target</span>="<span class="pl-s">_blank</span>" <span class="pl-c1">class</span>="<span class="pl-s">links</span>"<span class="pl-kos">&gt;</span>Larry Page<span class="pl-kos">&lt;/</span><span class="pl-ent">a</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://en.wikipedia.org/wiki/Sergey_Brin</span>" <span class="pl-c1">target</span>="<span class="pl-s">_blank</span>" <span class="pl-c1">class</span>="<span class="pl-s">links</span>"<span class="pl-kos">&gt;</span>Sergey Brin<span class="pl-kos">&lt;/</span><span class="pl-ent">a</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-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">Challenge <a href="https://www.freecodecamp.com/challenges/comment-your-javascript-code#?solution=%2F%2FI%20don't%20agree%20that%20a%20comment%20is%20good%20to%20clarify%20the%20function%20of%20parts%20of%20your%20code%0A%0A%2F*%0A%20A%20good%20code%20can%20be%20determined%20with%20just%20the%20name%20of%20the%20functions%2C%20variables%2C%0A%20how%20it's%20easy%20to%20understand%20even%20without%20leaving%20comments.%0A%20If%20you%20need%20to%20leave%20a%20comment%20to%20the%20code%2C%20it's%20not%20a%20%22good%20enough%20code%22%0A%20*%2F" rel="nofollow">Comment your JavaScript Code</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36</code>.<br>
When i tried to Run tests(ctrl+enter), it shows a message "Error: SyntaxError: Unsafe or unfinished function declaration". With a simple comments, there is no problem, but if use that comment, the problem exist. I think it has to do with the symbols, although it is a valid comment.</p>
<p dir="auto">My code:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="//I don't agree that a comment is good to clarify the function of parts of your code

/*
 A good code can be determined with just the name of the functions, variables,
 how it's easy to understand even without leaving comments.
 If you need to leave a comment to the code, it's not a &quot;good enough code&quot;
 */"><pre class="notranslate"><span class="pl-c">//I don't agree that a comment is good to clarify the function of parts of your code</span>

<span class="pl-c">/*</span>
<span class="pl-c"> A good code can be determined with just the name of the functions, variables,</span>
<span class="pl-c"> how it's easy to understand even without leaving comments.</span>
<span class="pl-c"> If you need to leave a comment to the code, it's not a "good enough code"</span>
<span class="pl-c"> */</span></pre></div>