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 @@ ...@@ -13,11 +13,11 @@
13 13
14 <h1>HTML5 Online Ads</h1> 14 <h1>HTML5 Online Ads</h1>
15 15
16 <iframe id='' class="b728x90" scrolling="no" src="en_728x90_cwl_2016Spring_farmers/index.html"></iframe> 16 <iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_farmers/index.html"></iframe>
17 <iframe id='' class="b728x90" scrolling="no" src="en_728x90_cwl_2016Spring_store/index.html"></iframe> 17 <iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_store/index.html"></iframe>
18 <iframe id='' class="b728x90" scrolling="no" src="en_728x90_cwl_2016Spring_trades/index.html"></iframe> 18 <iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_trades/index.html"></iframe>
19 19
20 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_cwl_2016Spring_makeawave/index.html"></iframe> 20 <iframe id='' class="b300x600 stacked" scrolling="no" src="en_300x600_cwl_2016Spring_makeawave/index.html"></iframe>
21 21
22 </body> 22 </body>
23 </html> 23 </html>
......
...@@ -6,7 +6,7 @@ body { ...@@ -6,7 +6,7 @@ body {
6 margin: 0 auto; 6 margin: 0 auto;
7 padding: 2em 2em 4em; 7 padding: 2em 2em 4em;
8 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 8 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
9 font-size: 16px; 9 font-size: 14px;
10 line-height: 1.5em; 10 line-height: 1.5em;
11 color: #8e8e8e; 11 color: #8e8e8e;
12 } 12 }
...@@ -17,14 +17,18 @@ h1, h2, h3, h4, h5, h6 { ...@@ -17,14 +17,18 @@ h1, h2, h3, h4, h5, h6 {
17 } 17 }
18 18
19 iframe { 19 iframe {
20 margin: 20px; 20 margin: 10px;
21 border: 1px #d4d4d4 solid; 21 border: 1px #d4d4d4 solid;
22 overflow: hidden; 22 overflow: hidden;
23 iframe::-webkit-scrollbar { 23 iframe::-webkit-scrollbar {
24 display: none; 24 display: none;
25 } 25 };
26 } 26 }
27 27
28 .stacked {
29 display: flex;
30
31 }
28 .b300x250 { 32 .b300x250 {
29 width: 300px; 33 width: 300px;
30 height: 250px; 34 height: 250px;
......