style: reduce padding and margins in donation page layout

This commit is contained in:
Admin9705
2025-06-07 04:36:50 -04:00
parent 31914c94f2
commit 7daf51eb72

View File

@@ -11,8 +11,8 @@
.donate-hero {
background: linear-gradient(135deg, #2c3e50, #34495e);
color: white;
padding: 60px 40px;
margin: -40px -40px 40px -40px;
padding: 30px 40px;
margin: -40px -40px 20px -40px;
text-align: center;
border-radius: 0 0 15px 15px;
}
@@ -33,7 +33,7 @@
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin: 40px 0;
margin: 20px 0;
}
.donation-card {
@@ -127,7 +127,7 @@
background: var(--card-bg);
border-radius: 12px;
padding: 30px;
margin: 40px 0;
margin: 20px 0;
border-left: 4px solid #3498db;
}
@@ -252,8 +252,8 @@
}
.donate-hero {
padding: 40px 20px;
margin: -40px -20px 40px -20px;
padding: 20px 20px;
margin: -40px -20px 20px -20px;
}
.donate-hero h1 {
@@ -309,7 +309,6 @@
<div class="support-message">
<h2><i class="fas fa-graduation-cap" style="margin-right: 10px; color: #3498db;"></i>Supporting My Daughter's College Fund</h2>
<p>Thank you for considering sponsorship of Huntarr! 100% of all donations go directly toward my daughter's college fund, ensuring both the continued development of tools you rely on and investing in the next generation's education.</p>
<p>Every contribution makes a meaningful difference in keeping this project alive while helping fund tomorrow's innovators.</p>
</div>
<div class="donation-methods">