fix responsiveness on index page

anitab-org · Jan 5, 2015 · 99e9c54 · 99e9c54
1 parent 9d1f16c
commit 99e9c54
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/systers_portal/static/css/style.css b/systers_portal/static/css/style.css
@@ -66,6 +66,16 @@ body > .container {
   font-size: 3.5em;
 }
 
+@media screen and (max-width: 991px) {
+  .featurette img.img-responsive {
+    margin: 0 auto;
+  }
+
+  .featurette {
+    text-align: center;
+  }
+}
+
 /* Sign in, Sign up
 -------------------------------------------------- */
 .form-signin,

diff --git a/systers_portal/templates/common/index.html b/systers_portal/templates/common/index.html
@@ -39,7 +39,7 @@ <h2 class="featurette-heading">Systers Communities</h2>
     <div class="col-md-7 margin-responsive">
       <h2 class="featurette-heading">Systers Initiatives</h2>
 
-      <p class="lead">In order to honor Anita’s desire to create a network of women 
+      <p class="lead">In order to honor Anita’s desire to create a network of women
        in computing actively helping each another, members of the Systers community
        created the Anita Borg Systers Pass-It-On Awards program.</p>
       <a href="http://anitaborg.org/get-involved/systers/systers-initiatives/"
@@ -76,7 +76,7 @@ <h2 class="featurette-heading">Systers and CRA-W</h2>
     <div class="col-md-7 margin-responsive">
       <h2 class="featurette-heading">Systers Technical Interests</h2>
 
-      <p class="lead">Systers Technical Interests include Entrepreneurs, Systers-TechTalk, 
+      <p class="lead">Systers Technical Interests include Entrepreneurs, Systers-TechTalk,
        Systers-IETF, Systers-FOSS, Systers-Dev, Student-ResearcHers.</p>
       <a href="http://anitaborg.org/get-involved/systers/technical-interests/"
          role="button" class="btn btn-primary btn-lg">Read more</a>