fix bug 840669 - Prevent zoom layout issues

mdn · Feb 13, 2013 · 81ca12c · 81ca12c
1 parent 3ac3f75
commit 81ca12c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/apps/landing/templates/landing/home.html b/apps/landing/templates/landing/home.html
@@ -77,7 +77,7 @@ <h1>{% trans %}Browse Thousands of Docs for <b>Web Developers</b>{% endtrans %}<
       </p>
     </section><!-- /#top-docs -->
 
-    <section id="home-promos" class="home-promos">
+    <section id="home-promos" class="home-promos"><div class="home-promos-wrap">
 
       <div class="promo" id="promo-webapps">
           <a href="{{ devmo_url('apps') }}">
@@ -111,8 +111,7 @@ <h2>{{ _('Firefox<br />for developers') | safe }}</h2>
         <div></div>
       </div>
 
-
-    </section><!-- /#home-promos -->
+    </div></section><!-- /#home-promos -->
 
     <div class="home-extra">
       <div class="col-1">

diff --git a/media/css/mdn-screen.css b/media/css/mdn-screen.css
@@ -416,6 +416,7 @@ footer .languages { float: right; text-align: right; margin: 0 0 .5em; }
 
 /*** @Promos *********/
 #home-promos { clear: both; overflow: hidden; }
+.home-promos-wrap { width: 2000px; }
 .home-promos .promo { float: left; position: relative; width: 218px; min-height: 163px; margin: 0 20px 40px 0; border: 1px solid #333; color: #fff; font-size: .714em; background: #666 url("../img/bg-check-dk.png"); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15); box-shadow: 0 2px 2px rgba(0,0,0,.15); }
 .home-promos .promo:last-child { margin-right: 0; }
 .home-promos .promo a { position: absolute; left: 0; top: 0; z-index: 10; display: block; height: 133px; width: 188px; padding: 15px; color: #fff; text-decoration: none;  }