center the FSF donation item on its own row

also made small fix and added some padding.

diff --git a/v9/givingguide.html b/v9/givingguide.html
index 5ed32452c14649da6d6c7a05a150ba07e6d9a941..d0dd52d37a924c240655cf917f9c55312ac26379 100644 (file)
--- a/v9/givingguide.html
+++ b/v9/givingguide.html
@@ -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>