Grid with offsets - start
12 x grid grid-cols-12
col-start-1
12 x grid grid-cols-12
col-start-2
12 x grid grid-cols-12
col-start-3
12 x grid grid-cols-12
col-start-4
12 x grid grid-cols-12
col-start-5
12 x grid grid-cols-12
col-start-6
12 x grid grid-cols-12
col-start-7
12 x grid grid-cols-12
col-start-8
12 x grid grid-cols-12
col-start-9
12 x grid grid-cols-12
col-start-10
12 x grid grid-cols-12
col-start-11
12 x grid grid-cols-12
col-start-12
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-1</code></p>
<div class="grid grid-cols-12">
<div class="col-start-1 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-2</code></p>
<div class="grid grid-cols-12">
<div class="col-start-2 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-3</code></p>
<div class="grid grid-cols-12">
<div class="col-start-3 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-4</code></p>
<div class="grid grid-cols-12">
<div class="col-start-4 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-5</code></p>
<div class="grid grid-cols-12">
<div class="col-start-5 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-6</code></p>
<div class="grid grid-cols-12">
<div class="col-start-6 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-7</code></p>
<div class="grid grid-cols-12">
<div class="col-start-7 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-8</code></p>
<div class="grid grid-cols-12">
<div class="col-start-8 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-9</code></p>
<div class="grid grid-cols-12">
<div class="col-start-9 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-10</code></p>
<div class="grid grid-cols-12">
<div class="col-start-10 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-11</code></p>
<div class="grid grid-cols-12">
<div class="col-start-11 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>
<p>12 x <code>grid grid-cols-12</code></p>
<p><code>col-start-12</code></p>
<div class="grid grid-cols-12">
<div class="col-start-12 px-3 py-0.5 bg-purple-500"> </div>
</div>
<br>