center the FSF donation item on its own row
authorAndrew Engelbrecht <andrew@fsf.org>
Wed, 21 Nov 2018 20:28:36 +0000 (15:28 -0500)
committerAndrew Engelbrecht <andrew@fsf.org>
Wed, 21 Nov 2018 20:29:15 +0000 (15:29 -0500)
also made small fix and added some padding.

v9/givingguide.html

index 5ed3245..d0dd52d 100644 (file)
@@ -1054,10 +1054,13 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
         <div class="container">
           <h1 class="text-center">Recommended organizations for holiday donations</h1>
           <div class="row">
-           <div class="col-md-3 col-sm-4 col-sx-6">
+           <div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
               <a href="https://www.fsf.org/"><img src="img/charities/fsf.png" alt="fsf" class="center-block img-responsive" /></a>
              <p>The Giving Guide is brought to you by the <a href="https://fsf.org">Free Software Foundation</a>. We are powered by our Associate Members. Will you help us propel free software to new frontiers by <a href="https://my.fsf.org/join?pk_campaign=fall18&pk_kwd=ggjoin">joining today</a>?</p>
             </div>
+          </div>
+          <div style="height: 30px"></div>
+          <div class="row">
            <div class="col-md-3 col-sm-4 col-xs-6">
               <a href="https://april.org/"><img src="img/charities/april.png" alt="april" class="center-block img-responsive" /></a>
             </div>