diff --git a/src/pages/Home/Home.css b/src/pages/Home/Home.css index 1f06e9b..ac313ee 100644 --- a/src/pages/Home/Home.css +++ b/src/pages/Home/Home.css @@ -4,17 +4,20 @@ .home-page { width: 100%; + max-width: 1200px; + margin: 0 auto; animation: fadeIn 0.5s ease-out; - padding-bottom: 2rem; + padding: 0 1.5rem 2rem 1.5rem; } /* Header New Structure */ .home-header { display: flex; justify-content: space-between; - align-items: flex-start; + align-items: center; + /* Changed from flex-start to center for better vertical alignment */ margin-bottom: var(--spacing-xl); - padding: var(--spacing-md) 0; + padding: var(--spacing-lg) 0; } .home-greeting { @@ -55,7 +58,7 @@ .greeting-text { font-family: 'Outfit', sans-serif; - font-size: 2rem; + font-size: 1.75rem; font-weight: 700; margin: 0; color: var(--text-primary); @@ -87,7 +90,7 @@ .header-actions { display: flex; align-items: center; - gap: var(--spacing-md); + gap: var(--spacing-lg); } .health-score-btn { @@ -187,7 +190,7 @@ .dashboard-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; - gap: var(--spacing-lg); + gap: var(--spacing-md); margin-bottom: var(--spacing-xl); } @@ -257,7 +260,7 @@ .home-net-worth-card .card-value-main { font-family: 'Outfit', sans-serif; - font-size: 3.5rem; + font-size: 3rem; /* Larger hero text */ font-weight: 700; line-height: 1; @@ -332,9 +335,9 @@ /* Quick Actions Section */ .quick-actions-section { display: grid; - grid-template-columns: 1fr 1fr 1fr; - gap: var(--spacing-lg); - margin-bottom: var(--spacing-2xl); + grid-template-columns: repeat(3, 1fr); + gap: var(--spacing-md); + margin-bottom: var(--spacing-xl); } .action-card {