ICE List Wiki:Donate: Difference between revisions

@@ Line 1: / Line 1: @@
 <span style="display:none">{{#setmainimage:File:Logo-main.png}}</span>
 <html>
+<style>
+  .donate-flex{display:flex; gap:2em; align-items:flex-start; flex-wrap:wrap;}
+  .donate-left{flex:1 1 520px; min-width:280px; max-width:600px;}
+  .donate-right{flex:1 1 320px; min-width:280px; max-width:400px; border:1px solid #ddd; padding:1em; background:#fafafa; box-sizing:border-box;}
+  @media (max-width: 800px){
+    .donate-flex{gap:1.2em;}
+    .donate-left,.donate-right{max-width:100%;}
+  }
+</style>
+<div class="donate-flex">
-<!-- FLEX CONTAINER -->
+   <div class="donate-left">
-<div style="display:flex; gap:2em; align-items:flex-start;">
-  <!-- LEFT: DONATION BOX -->
-   <div style="flex:1; max-width:600px;">
      <script type="module" src="https://donorbox.org/widgets.js" async></script>
      <dbox-widget campaign="support-crust-news" type="donation_form" enable-auto-scroll="true"></dbox-widget>
    </div>
-   <!-- RIGHT: SIDEBAR CONTENT -->
+   <div class="donate-right">
-    <div style="flex:1; max-width:400px; border:1px solid #ddd; padding:1em; background:#fafafa;">
      <h3>Why Your Support Matters</h3>
@@ Line 43: / Line 47: @@
 </div>
 </html>