<h4 dir="auto">Add Borders Around Your Elements</h4>

<p dir="auto"><a href="http://bit.ly/2gOUfF3" rel="nofollow">http://bit.ly/2gOUfF3</a></p>
<h4 dir="auto">Issue Description</h4>
<p dir="auto">Code is not passing, even though it's correct</p>
<h4 dir="auto">Browser Information</h4>
<ul dir="auto">
<li>Browser Name, Version: Vivaldi</li>
<li>Operating System: Windows</li>
<li>Desktop</li>
</ul>
<h4 dir="auto">Your Code</h4>

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;style&gt;
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .smaller-image {
    width: 100px;
  }
  .thick-green-border{
    border-color: green;
    border-width: 10px;
    border-style: solid;
  }
&lt;/style&gt;

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

&lt;img class=&quot;smaller-image thick-green-border&quot; src=&quot;https://bit.ly/fcc-relaxing-cat&quot; alt=&quot;A cute orange cat lying on its back. &quot;&gt;
"><pre class="notranslate"><code class="notranslate">&lt;style&gt;
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .smaller-image {
    width: 100px;
  }
  .thick-green-border{
    border-color: green;
    border-width: 10px;
    border-style: solid;
  }
&lt;/style&gt;

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

&lt;img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "&gt;

</code></pre></div>
<h4 dir="auto"></h4>
<p dir="auto">Challenge: <a href="http://www.freecodecamp.com/challenges/waypoint-use-responsive-design-with-bootstrap-fluid-containers" rel="nofollow">http://www.freecodecamp.com/challenges/waypoint-use-responsive-design-with-bootstrap-fluid-containers</a>.</p>
<p dir="auto">The task asks to next all of the HTML code in a </p><div dir="auto">. However, simply adding and closing a <div dir="auto"> on top of the page marks the tasks as complete: <a href="http://screencast.com/t/ao2m2m8Vncx" rel="nofollow">http://screencast.com/t/ao2m2m8Vncx</a><p dir="auto"></p></div></div>