Footer UI changes (publiclab#255)

* Footer UI change * fixed the social media icons on mobile view
DevanshCodes · Sep 9, 2019 · e3e8044 · e3e8044
1 parent 737688b
commit e3e8044
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 9 deletions.
diff --git a/examples/demo.css b/examples/demo.css
@@ -253,13 +253,7 @@ h1, h2, .section h3 {
 
 @media only screen and (max-width: 569px) {
     .links {
-        width: 25%;
         margin: 10px 0;
     }
 }
 
-@media only screen and (max-width: 400px) {
-    .links {
-        width: 50%;
-    }
-}
diff --git a/index.html b/index.html
@@ -276,7 +276,7 @@ <h2 class="contributors-head">Contributors</h2>
 
 	  <div class="row" id="connectwithus">
 		<h2 class="text-center d-block">Connect with us</h2>
-		<p>You can connect with us on any of these platforms:</p>
+		<!-- <p>You can connect with us on any of these platforms:</p> -->
 	  <div id="connectwithusbody">
 		  <a class="col-md-2 links " href="https://www.facebook.com/PublicLab/" title="Facebook" ><i class="fa fa-facebook fa-3x"></i> </a>
 		  <a class="col-md-2 links " href="https://twitter.com/PublicLab?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" title="Twitter" ><i class="fa fa-twitter fa-3x"></i> </a>
@@ -288,8 +288,8 @@ <h2 class="text-center d-block">Connect with us</h2>
 
     <footer>
       <div class="row">
-        <div class="col-md-6 text-center">
-            <span class="float-md-left">  Page powered by <a href="https://github.com/publiclab/community-toolbox"><i class="fa fa-github"></i></a>
+        <div class="text-center">
+            <span class="text-center">  Page powered by <a href="https://github.com/publiclab/community-toolbox"><i class="fa fa-github"></i></a>
         <a href="https://github.com/publiclab/community-toolbox" >Commmunity Toolbox</a> 
         - Open Source
       </span>