Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
65763703 by Dan Rempel
Options

improved display alignment

1 parent d3fa69cd
Inline Side-by-side
Showing 2 changed files with 11 additions and 7 deletions
......@@ -13,11 +13,11 @@
<h1>HTML5 Online Ads</h1>
<iframe id='' class="b728x90" scrolling="no" src="en_728x90_cwl_2016Spring_farmers/index.html"></iframe>
<iframe id='' class="b728x90" scrolling="no" src="en_728x90_cwl_2016Spring_store/index.html"></iframe>
<iframe id='' class="b728x90" scrolling="no" src="en_728x90_cwl_2016Spring_trades/index.html"></iframe>
<iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_farmers/index.html"></iframe>
<iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_store/index.html"></iframe>
<iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_trades/index.html"></iframe>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_cwl_2016Spring_makeawave/index.html"></iframe>
<iframe id='' class="b300x600 stacked" scrolling="no" src="en_300x600_cwl_2016Spring_makeawave/index.html"></iframe>
</body>
</html>
......
......@@ -6,7 +6,7 @@ body {
margin: 0 auto;
padding: 2em 2em 4em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 14px;
line-height: 1.5em;
color: #8e8e8e;
}
......@@ -17,14 +17,18 @@ h1, h2, h3, h4, h5, h6 {
}
iframe {
margin: 20px;
margin: 10px;
border: 1px #d4d4d4 solid;
overflow: hidden;
iframe::-webkit-scrollbar {
display: none;
}
};
}
.stacked {
display: flex;
}
.b300x250 {
width: 300px;
height: 250px;
......