/* Base styles that apply to all devices */ .grid-container { display: grid; grid-gap: 1rem; /* This sets both the row and column gap */ } /* Desktop-specific styles */ @media (min-width: 769px) { /* Adjust this value to your desktop breakpoint */ .grid-container { grid-template-columns: repeat(2, 1fr); /* Only apply the two-column layout on desktop */ } .grid-container > .grid-item:nth-child(even) { margin-top: 1rem; /* Only apply the margin offset on desktop */ } } /* Tablet and below specific styles */ @media (max-width: 768px) { /* Adjust this value to your tablet breakpoint */ .grid-container { display: flex; flex-direction: column; /* Stack items vertically */ } .grid-container > .grid-item { margin-top: 0; /* Reset margin for tablet and below */ } .grid-container > .grid-item:nth-child(even) { margin-top: 0; /* Ensure even items don't have margin on tablet */ } }

خريطة الموقع الخاصة بنا

استكشف خريطة الموقع الشاملة الخاصة بنا للتنقل بسهولة عبر جميع الصفحات والمحتوى المتاح على موقعنا.

احصل على عرض سعر مخصص

أخبرنا بما تحتاجه، وسنرسل لك عرضًا مخصصًا بتسعير شفاف.

شاهد ما تتضمنه الخطة