Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Framework Basics Build a Website with Foundation Building the Video Modal Window

Is there a way around this challenge bug?

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.

<!DOCTYPE html>

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

  <!-- Treehouse Content -->
  <div class="row">
    <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.
      <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 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 class="large-6 columns">
      <img class="th-logo" src="img/th-logo.png" alt="logo">
        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.
      <div class="row th-copy hide-for-small"> <!-- Nested row -->
        <div class="large-4 columns">
          <img class="circle" src="img/thumb_ben.jpg">
        <div class="large-8 columns">
          <p class="teacher-desc th-copy">
            <strong>Ben Jakuben</strong>
  </div><!-- End Treehouse Content -->

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

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