Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Building responsive website. Advanced techniques. Fitvid.js

First one of these I literally cannot figure out, been good up until here, kind of embarassed. The code works. It scales with the website just as described. Followed the video perfectly. But I keep getting the error "Make sure you're adding the correct ID to the iframe's container." I have tried adding id's to both grid 6 and container even inside the iframe, nothing is letting me pass. : ((

<div class="container">
    <div class="grid_6 omega">


    <div id="featured-video">
        <iframe src="http://player.vimeo.com/video/50610288?title=0&amp;byline=0&    amp;portrait=0" width="400" height="225" frameborder="0"></iframe>     
    </div>      

  </div>

6 Answers

Came across the same problem. Try adding the ID to the existing div, like this:

<div class="container">
    <div id="featured-video" class="grid_6 omega">
        <iframe src="http://player.vimeo.com/video/50610288?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe>     
    </div>  
</div>

You are my hero. That might have been literally the only thing I did not try. So even if the code works, it has to be to the specifications of the debugger to get no errors, I am assuming. Rough course. But I am enjoying it, thank you!!

Devi Warang
Devi Warang
8,272 Points

<div class="container clearfix"> <div id=""featured-video" class="grid_6 omega"> <iframe src="http://player.vimeo.com/video/50610288?title=0&amp;byline=0& amp;portrait=0" width="400" height="225" frameborder="0"></iframe>
</div> </div>

Daniel,

No problem!

You're right, wrapping it in another div should work. I guess it's more semantic adding the ID to the existing div!?

PS: If you like responsive design, check out Flexbox in the CSS Foundations course. It's a game changer!

Will do!! I am working on finishing the website projects first. This is the first time programming since high school, which I loved back then. A lot has changed, but I am really enjoying myself!!

Likewise, it's really a great way to learn programming and the community is awesome!

See you around...