Grow your CSS skills. Land your dream job.

How Does CodePen Shrink Iframes according to window size?

  • # January 20, 2013 at 3:59 pm

    At [Codepen.io](http://codepen.io “codepen”) the thumbnails of the different projects shrink and reposition themselves according to the window size. If you shrink your browser window the thumbnails automatically shrink and readjust themselves. How can i do that?

    # January 20, 2013 at 4:04 pm

    Percentages.

    # January 20, 2013 at 4:37 pm

    Huh. I actually knew that. Just thought it was more complex

    # January 20, 2013 at 5:33 pm

    It uses a wrapper that’s set in a percentage along with the iframe itself.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".