/* 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 */ } }

فرص عمل

نحن في مهمة لمساعدة الشركات على كسب المال. هذا كل شئ. انضم إلينا في سعينا لتحقيق التميز، ودعنا نصنع شيئًا رائعًا معًا!

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

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

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