درود، وقتتون بخیر.
چند مورد که می‌تونه مشکلتون رو حل کنه:

1. از gap استفاده کنید، مثال:

.grid-container {
 display: grid;
 gap: 20px; /* فاصله بین آیتم‌ها */
}

2. از padding برای کانتینر استفاده کنید:

.grid-container {
 display: grid;
 padding: 20px; /* فضای داخلی گرید */
}

3. اگه از grid-template-columns برای تعیین ستون‌ها استفاده می‌کنید، مطمئن بشید که مقدارهای شما درست هستن و اندازه‌ها باعث ایجاد خطای layout نشن.

.grid-container {
 display: grid;
 grid-template-columns: repeat(3, 1fr); /* سه ستون با عرض مساوی */
 gap: 20px;
}

4. گاهی اوقات ممکنه استایل‌های دیگه‌ای که در کد اعمال کردید باعث مشکل بشه. مثلاً شاید float یا position به طور غیرمنتظره‌ای روی گرید یا آیتم‌ها تاثیر بذارن.