Codepens should be embedded responsively (easier said than done)

[mvujovic]

The content inside a Codepen can be responsive, but it won't affect the layout of the embedding page. Instead the responsive Codepen content will be clipped. (See the Filters Codepen.)

Unfortunately, there isn't a simple solution here. You have to implement some JavaScript to communicate the iframe's content height back to the embedding page and update it on resize.

It looks like some people have tackled this already:
http://npr.github.io/responsiveiframe/

Maybe Codepen has tackled this somehow (though probably wishful thinking).

We should find the right general solution for all of our Codepens and use it.

[mvujovic]

@jacobgoldstein @rhauck @lmclister FYI