Skip to content
Snippets Groups Projects
Commit ecf346b9 authored by Ryan Klusman's avatar Ryan Klusman
Browse files

fix stretch class

parent 7cb26926
No related branches found
No related tags found
1 merge request!3Fix explanation of WDN-STRETCH class
Show whitespace changes
Inline Side-by-side
resources/bands/index.shtml
+ 13
− 17
View file @ ecf346b9
......@@ -143,25 +143,22 @@
</div>
<div class="wdn-band" style="max-height:400px; overflow:hidden;">
<div class="wdn-stretch">
<div class="promo-container">
<img src="../../graphics/wide-horizon.jpg" alt="Wide Horizon Image" />
<img class="wdn-stretch" src="../../graphics/wide-horizon.jpg" alt="Wide Horizon Image" />
<div class="image-overlay" style="bottom: auto; top: 10%;">
<div class="wdn-inner-wrapper">
<div class="bp2-wdn-grid-set-halves">
<div class="wdn-col overlay">
<h2 class="clear-top" style="font-size: 38px;">"Stretch" Band</h2>
<h2 class="clear-top" style="font-size: 38px;">"WDN-STRETCH"</h2>
<p>
Stretch bands are used to display images, video, and other media at full width of the browser window. The band allows content to take advantage of the real estate provided by larger screens.
<code>wdn-stretch</code> will set an element such as an image to full width or <code>width:100%</code>.
</p>
</div>
<div class="wdn-col">
<pre>
<code>&lt;div class=&quot;wdn-band &quot;&gt;
&lt;div class=&quot;wdn-stretch&quot;&gt;
&lt;img src=&quot;../../graphics/wide-horizon.jpg&quot; alt=&quot;Wide Horizon Image&quot;&gt;
&lt;/div&gt;
&lt;img class=&quot;wdn-stretch&quot; src=&quot;../../graphics/wide-horizon.jpg&quot; alt=&quot;Wide Horizon Image&quot;&gt;
&lt;/div&gt;</code>
</pre>
</div>
......@@ -170,7 +167,6 @@
</div>
</div>
</div>
</div>
<div class="wdn-band wdn-light-triad-band">
<div class="wdn-inner-wrapper wdn-inner-wrapper-sm">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment