Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Responsive iframe

Responsive iframe css

Use the following code in your css to create responsive iframe

.iframe-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;}
.iframe-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment