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

CSS

Posted by Chris Mursheno
Chris Mursheno
Courses Plus Student 3,017 Points

Problem with "FitVid" Code Challenge

On the code challenge question: http://teamtreehouse.com/library/build-a-responsive-website/advanced-techniques/flexible-videos-with-fitvidjs

The issue resolves & allows for resizing of videos for fluid design. It prompts me to add the appropriate code to the div which contains the embedded video. When I type in the exact syntax that the lesson showed, I keep getting

"Bummer! Make sure you are adding correct id to the iframes container."

Here is what I tried last, as I've tried it at the top of the container, in-between, afterward, etc. None of those entries seem to work. Then I tried implementing the # for an ID, that didn't work either.

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

The rest of the syntax was already entered in it's place at the bottom. Can anyone see what is incorrect here?

5 Answers

Kyle Brooks
Kyle Brooks
6,753 Points
Kyle Brooks
Kyle Brooks
6,753 Points

Hi Chris,

You're close!

Take a look at the code on lines 9-11:

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

You were making the change to the child element iframe , but not to the parent div. Remember, you are tasked with adding the ID to the div.

The change will need to be made on line 9 in order to affect the whole div.

Check out this documentation .

Hope that helps!! Ping me if you need a little more :)

alan heath
alan heath
5,188 Points
alan heath
alan heath
5,188 Points

i had the same problem and was even more confused with his answer. I think this is what he meant by making changes in on line 9:

'''<div class="grid_6 omega" 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>'''

alan heath
alan heath
5,188 Points
alan heath
alan heath
5,188 Points

crap...why doesnt my answer show up?

Kyle Brooks
Kyle Brooks
6,753 Points
Kyle Brooks
Kyle Brooks
6,753 Points

not sure Alan...the key is to help learn though, not give answers...that's why I didn't just blurt it out.

Chris Mursheno
Chris Mursheno
Courses Plus Student 3,017 Points

Hi Kyle; I've been side-tracked with other priorities. Now more than ever because the unemployment insurance bill looks like it has the shelf-life of a bloody flounder in a school of sharks, I need to at least complete my track.

I followed your advice and inserted ``` <div class="featured-video" 

on line 9 and deleted the "grid_6 omega"
Now it's giving me a message: "Bummer! null"
I guessed that the null suggested the # sign but I placed that into it and it still said the same thing
alan heath
alan heath
5,188 Points
alan heath
alan heath
5,188 Points

oh..okay:) maybe thats why my answer is not showing up. He was right Chris...you are so close.

Kyle Brooks
Kyle Brooks
6,753 Points
Kyle Brooks
Kyle Brooks
6,753 Points

generally it won't block your answer. not sure what happened...