Skip to content

Instantly share code, notes, and snippets.

@derrickwilliams

derrickwilliams/index.html

Created January 18, 2018 14:17
Show Gist options
  • Save derrickwilliams/f73c5fb95cf356a16df8366df80f35e2 to your computer and use it in GitHub Desktop.
Save derrickwilliams/f73c5fb95cf356a16df8366df80f35e2 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. derrickwilliams created this gist Jan 18, 2018.
    23 changes: 23 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,23 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <h1>Main Page</h1>
    <iframe class="wide-iframe" src="index2.html"></iframe>
    <iframe class="narrow-iframe" src="index2.html"></iframe>

    <style>
    .wide-iframe {
    width: 650px;
    height: 500px;
    }

    .narrow-iframe {
    width: 300px;
    height: 500px;
    }
    </style>
    </body>
    </html>
    14 changes: 14 additions & 0 deletions index2.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <h1>Inside the Iframe</h1>
    <style>
    @media (max-width: 600px) {
    body { background-color: #f00; }
    }
    </style>
    </body>
    </html>