Is there a way around this challenge bug?

Question

On Challenge 4 (Building the Video Modal Window), task 1 will continually fail due to the Youtube link being invalid. You'll get errors otherwise about the Youtube link. You can make it pass by switching out the link for a valid one.

However, then when you get to task 2 where you add the trigger to reveal, it says task 1 is no longer passing when you go to submit your work even though the link is still the valid one, which makes me think it is still somehow referencing the bad link in the background somewhere when it tries to validate.

Is there a way around this? Why has this not been fixed? I found a similar post from last year about this issue.

index.html

<!DOCTYPE html>
<html>

<head>
  <title>Ribbit - A Treehouse Project</title>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="css/foundation.min.css">
</head>
<body>

  <!-- Treehouse Content -->
  <div class="row">
    <hr>
    <div class="large-6 hide-for-small columns">
      <h3>Learn how to make this app for yourself</h3>
      <p class="copy-offset">
        We will build on the concepts learned in previous iOS projects to create an app that will allow users to send photo or video messages to other users that will be deleted once viewed.
      </p>
      <div class="row th-copy"> <!-- Nested row -->
        <div class="large-6 columns">
          <img class="rnd" src="img/thumb_ribbit.jpg" data-reveal-id="vidModal">
        </div>
        <div class="large-5 pull-1 columns">
          <p><em>Get access to courses for only $24 a month!</em></p>
          <a href="#">Visit Treehouse &raquo;</a>
        </div>
      </div>
    </div>

    <div class="large-6 columns">
      <img class="th-logo" src="img/th-logo.png" alt="logo">
      <p>
        Treehouse provides an extensive library of step-by-step video courses and training exercises that will give you a wide range of in-demand technology skills that will help you land your next dream job.
      </p>
      <div class="row th-copy hide-for-small"> <!-- Nested row -->
        <div class="large-4 columns">
          <img class="circle" src="img/thumb_ben.jpg">
        </div>
        <div class="large-8 columns">
          <p class="teacher-desc th-copy">
            <strong>Ben Jakuben</strong>
            <span>Teacher</span>
          </p>
        </div>
      </div>
    </div>
  </div><!-- End Treehouse Content -->

  <!-- Video Modal -->
  <div id="vidModal" class="reveal-modal">
    <h3>Learn how to make this app!</h3>
    <div>
      <iframe width="420" height="315" src="https://www.youtube.com/embed/UUmSHT8kedU" frameborder="0" allowfullscreen></iframe>
    </div>
    <a class="close-reveal-modal">&#215;</a>
  </div><!-- End Video Modal -->

  <script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
  </script>
  <script src="js/foundation.min.js"></script>
  <script>
  $(document).foundation();
  </script>
</body>
</html>

Welcome to the Treehouse Community

Looking to learn something new?

Elizabeth Gray

Elizabeth Gray

Is there a way around this challenge bug?