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! While you're at it, check out some resources Treehouse students have shared here.

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

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>     


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>     

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>


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...