changeset 1062:286e1a75b490

Make V3 footer stack on small screens.
author Brian Neal <bgneal@gmail.com>
date Mon, 21 Mar 2016 20:28:08 -0500
parents f0febf8956eb
children 017e831bbe0c
files sg101/templates/v3/base.html
diffstat 1 files changed, 4 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/sg101/templates/v3/base.html	Mon Mar 21 20:20:48 2016 -0500
+++ b/sg101/templates/v3/base.html	Mon Mar 21 20:28:08 2016 -0500
@@ -157,13 +157,13 @@
 </div>
 
 <footer>
-<div class="row expanded callout secondary align-middle">
-   <div class="small-4 columns">
+<div class="row expanded callout secondary align-middle medium-unstack">
+   <div class="columns">
       <a href="https://www.twitter.com/SurfGuitar101">
       <i class="fi-social-twitter size-72"></i>
       Follow SurfGuitar101 on Twitter!</a>
    </div>
-   <div class="small-4 columns">
+   <div class="columns">
       <ul>
          <li><a href="{% url 'contact-form' %}">Contact Us</a></li>
          <li><a href="/about/">About Us</a></li>
@@ -172,7 +172,7 @@
          <li><a href="/colophon/">Colophon</a></li>
       </ul>
    </div>
-   <div class="small-4 columns">
+   <div class="columns">
       <p>
          SurfGuitar101.com © 2004 - 2016 by Brian Neal. All comments and user 
          contributed articles are property of the posters.