commit 3042b1fcc5f50bd28f00cb3b4e876d106a4c8ce7 Author: MehrabKamrani mk.zizou@gmail.com Date: Sun Dec 20 06:53:59 2015 +0800
make even-more section responsive --- css/donate-style.css | 8 +++++++- donate/en/donate.wml | 8 ++++---- 2 files changed, 11 insertions(+), 5 deletions(-)
diff --git a/css/donate-style.css b/css/donate-style.css index f080dac..741d3c5 100644 --- a/css/donate-style.css +++ b/css/donate-style.css @@ -278,7 +278,7 @@ blockquote footer{ background-color: #FAFAFA; } .dsmall{ - padding: 0 100px; + padding: 0 8%; } .other-ways-img{ width: 100%; @@ -336,6 +336,9 @@ footer.footer{ blockquote::before { display: none; } + .dsmall{ + padding: 0 5%; + }
} @media (max-width: 659px) { @@ -420,6 +423,9 @@ footer.footer{ .img-section{ width: 35%; } + .dsmall{ + padding: 0 3%; + } footer.footer { margin-bottom: 0px; } diff --git a/donate/en/donate.wml b/donate/en/donate.wml index e9225dd..68b3e36 100644 --- a/donate/en/donate.wml +++ b/donate/en/donate.wml @@ -240,21 +240,21 @@ </div><!-- row-eqheight -->
- <div class="col-sm-12 even-more"> + <div class="col-xs-12 even-more">
- <div class="dsmall col-sm-4"> + <div class="dsmall col-xs-4"> <a href="../donate/donate-amazon.html.en"> <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/amazon.jpg"> </a> </div>
- <div class="dsmall col-sm-4"> + <div class="dsmall col-xs-4"> <a href="https://smile.amazon.com/ch/20-8096820"> <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/amazon-smile.jpg"> </a> </div>
- <div class="dsmall col-sm-4"> + <div class="dsmall col-xs-4"> <a id="dwolla"></a> <a href="https://smile.amazon.com/ch/20-8096820"> <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/dwolla.jpg">