<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/applied-visual-design/use-a-google-font" rel="nofollow">use-a-google-font</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 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;
body {
  font-family: &quot;Open Sans&quot;;
}
h4 {
  text-align: center;
  background-color: rgba(45, 45, 45, 0.1);
  padding: 10px;
  font-size: 27px;
  text-transform: uppercase;
}
p {
  text-align: justify;
}
.links {
  text-align: left;
  color: black;
  opacity: 0.7;
}
#thumbnail:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.fullCard {
  width: 245px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 5px;
  padding: 4px;
}
.cardContent {
  padding: 10px;
}
.cardText {
  margin-bottom: 30px;
}
&lt;/style&gt;
&lt;div class=&quot;fullCard&quot; id=&quot;thumbnail&quot;&gt;
&lt;div class=&quot;cardContent&quot;&gt;
  &lt;div class=&quot;cardText&quot;&gt;
    &lt;strong&gt;&lt;h4&gt;Alphabet&lt;/h4&gt;&lt;/strong&gt;
    &lt;hr&gt;
    &lt;em&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;/em&gt;
  &lt;/div&gt;
  &lt;div class=&quot;cardLinks&quot;&gt;
    &lt;u&gt;
      &lt;a href=&quot;https://en.wikipedia.org/wiki/Larry_Page&quot; class=&quot;links&quot;&gt;Larry Page&lt;/a&gt;&lt;br&gt;&lt;br&gt;
      &lt;a href=&quot;https://en.wikipedia.org/wiki/Sergey_Brin&quot; class=&quot;links&quot;&gt;Sergey Brin&lt;/a&gt;
    &lt;/u&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">body</span> {
  <span class="pl-c1">font-family</span><span class="pl-kos">:</span> <span class="pl-s">"Open Sans"</span>;
}
<span class="pl-ent">h4</span> {
  <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;
  <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-en">rgba</span>(<span class="pl-c1">45</span><span class="pl-kos">,</span> <span class="pl-c1">45</span><span class="pl-kos">,</span> <span class="pl-c1">45</span><span class="pl-kos">,</span> <span class="pl-c1">0.1</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-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">27<span class="pl-smi">px</span></span>;
  <span class="pl-c1">text-transform</span><span class="pl-kos">:</span> uppercase;
}
<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">text-align</span><span class="pl-kos">:</span> left;
  <span class="pl-c1">color</span><span class="pl-kos">:</span> black;
  <span class="pl-c1">opacity</span><span class="pl-kos">:</span> <span class="pl-c1">0.7</span>;
}
<span class="pl-kos">#</span><span class="pl-c1">thumbnail</span><span class="pl-kos">:</span><span class="pl-c1">hover</span> {
  <span class="pl-c1">box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0</span> <span class="pl-c1">10<span class="pl-smi">px</span></span> <span class="pl-c1">20<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.19</span>)<span class="pl-kos">,</span> <span class="pl-c1">0</span> <span class="pl-c1">6<span class="pl-smi">px</span></span> <span class="pl-c1">6<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.23</span>);
}

.<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-c1">cardText</span> {
  <span class="pl-c1">margin-bottom</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">div</span> <span class="pl-c1">class</span>="<span class="pl-s">fullCard</span>" <span class="pl-c1">id</span>="<span class="pl-s">thumbnail</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">strong</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>Alphabet<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">strong</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">hr</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">em</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">em</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">u</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">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">br</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;</span><span class="pl-ent">br</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">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">u</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="http://beta.freecodecamp.com/challenges/waypoint-label-bootstrap-wells" rel="nofollow">http://beta.freecodecamp.com/challenges/waypoint-label-bootstrap-wells</a> has an issue. Please describe how to reproduce it, and include links to screenshots if possible.</p>
<p dir="auto">I have the following code, but the the first challenge "Add an h4 element to each of your </p><div dir="auto"> elements." is not correctly validated (see screenshot below).<p dir="auto"></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class='container-fluid'&gt;
  &lt;h3 class='text-primary text-center'&gt;jQuery Playground&lt;/h3&gt;
  &lt;div class='row'&gt;
    &lt;div class='col-xs-6'&gt;
      &lt;h4&gt;#left-well&lt;/h4&gt;
      &lt;div class='well' id='left-well'&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class='col-xs-6'&gt;
      &lt;h4&gt;#right-well&lt;/h4&gt;
      &lt;div class='well' id='right-well'&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class='container-fluid'&gt;
  &lt;h3 class='text-primary text-center'&gt;jQuery Playground&lt;/h3&gt;
  &lt;div class='row'&gt;
    &lt;div class='col-xs-6'&gt;
      &lt;h4&gt;#left-well&lt;/h4&gt;
      &lt;div class='well' id='left-well'&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class='col-xs-6'&gt;
      &lt;h4&gt;#right-well&lt;/h4&gt;
      &lt;div class='well' id='right-well'&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
        &lt;button class='btn btn-default target'&gt;&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre></div>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/13466453/9083671/71ed22c2-3b6c-11e5-8670-dda7ec9f89d4.PNG"><img width="1280" alt="screen shot 2015-08-05 at 12 16 17" src="https://cloud.githubusercontent.com/assets/13466453/9083671/71ed22c2-3b6c-11e5-8670-dda7ec9f89d4.PNG" style="max-width: 100%;"></a></div>