From 338d72ffbc37fe8e2c4ffab5c97d4e623f4deae5 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 16 Mar 2025 06:21:00 +0000
Subject: [PATCH] Adjust card alignment

The cards were slightly off-center, with uneven spacing on the left and right. This commit adjusts the alignment to ensure the cards are centered properly.
---
 src/index.css       | 2 +-
 src/pages/Index.tsx | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/index.css b/src/index.css
index 8acc300..0d91218 100644
--- a/src/index.css
+++ b/src/index.css
@@ -173,7 +173,7 @@
   /* 데스크탑 화면에서의 추가 스타일 */
   @media (min-width: 769px) {
     #root {
-      @apply px-4;
+      @apply px-0;
     }
     
     .desktop-container {
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 6b3d87a..c45aaa8 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,4 +1,3 @@
-
 import React, { useState, useEffect } from 'react';
 import NavBar from '@/components/NavBar';
 import AddTransactionButton from '@/components/AddTransactionButton';
@@ -140,7 +139,7 @@ const Index = () => {
 
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
-      <div className={`mx-auto px-4 ${isMobile ? 'w-full' : 'max-w-lg'}`}>
+      <div className="mx-auto px-4 desktop-container">
         <Header />
 
         {/* 목표 진행 상황 */}