Grid

<div class="grid grid-cols-3 gap-4">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

<div class="grid grid-cols-2 gap-6">...</div>
<div class="grid grid-cols-3 gap-x-4 gap-y-8">أفقي وعمودي مختلفان</div>

<div class="grid grid-cols-3 gap-4">
  <div class="col-span-2">يمتدّ عبر عمودين</div>
  <div>عمود واحد</div>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
  <!-- عمود على الجوّال، عمودان على التابلت، أربعة على الحاسوب -->
</div>

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
  <div class="rounded-xl border p-4">بطاقة</div>
  <!-- ... -->
</div>