دوره آموزش CSS (جلسه ۳۵): ایجاد فاصله در Grid با ویژگی gap ↔️

در جلسه قبل ستون‌ها را ساختیم، اما همه چیز به هم چسبیده است! در گذشته برای فاصله دادن از margin استفاده می‌کردیم که مشکلات زیادی داشت. اما در CSS Grid، یک راه حل اختصاصی و فوق‌العاده تمیز داریم: ویژگی gap.

در این ویدیوی کاربردی به زبان ساده یاد می‌گیریم:

چرا gap بهتر از margin است؟ (چون فقط بین آیتم‌ها فاصله می‌اندازد، نه دور آن‌ها).

grid-column-gap: ایجاد فاصله بین ستون‌ها.

grid-row-gap: ایجاد فاصله بین ردیف‌ها.

ویژگی خلاصه gap: نحوه نوشتن همزمان فاصله سطر و ستون با یک خط کد.

این جلسه به شما کمک می‌کند تا شبکه‌هایی (Grids) منظم، زیبا و با فاصله‌گذاری دقیق بسازید.

شما هنوز از grid-gap (نسخه قدیمی) استفاده می‌کنید یا به gap (استاندارد جدید) مهاجرت کرده‌اید؟ 👇
#آموزش_CSS #CSS_Grid #CSS_Gap #طراحی_وب #کدنویسی #CSS_Tutorial #WebDesign #Grid_Layout #فاصله_در_CSS

Видео دوره آموزش CSS (جلسه ۳۵): ایجاد فاصله در Grid با ویژگی gap ↔️ канала AiVizheh