<div class="grid grid-cols-12 gap-4">
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 dark:bg-glacier-800 dark:text-glacier-200 dark:shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 1</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 dark:bg-glacier-800 dark:text-glacier-200 dark:shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 2</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 dark:bg-glacier-800 dark:text-glacier-200 dark:shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 3</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 dark:bg-glacier-800 dark:text-glacier-200 dark:shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 4</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 dark:bg-glacier-800 dark:text-glacier-200 dark:shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 5</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 dark:bg-glacier-800 dark:text-glacier-200 dark:shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 6</h2>
<p class="leading-4">placeholder text</p>
</div>
</div><div class="grid grid-cols-12 gap-4">
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 1</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 2</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 3</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 4</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 5</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-white p-4 text-glacier-600 shadow shadow-glacier-400 md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 6</h2>
<p class="leading-4">placeholder text</p>
</div>
</div><div class="grid grid-cols-12 gap-4">
<div class="col-span-12 rounded-md bg-glacier-800 p-4 text-glacier-200 shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 1</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-glacier-800 p-4 text-glacier-200 shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 2</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-glacier-800 p-4 text-glacier-200 shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 3</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-glacier-800 p-4 text-glacier-200 shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 4</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-glacier-800 p-4 text-glacier-200 shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 5</h2>
<p class="leading-4">placeholder text</p>
</div>
<div class="col-span-12 rounded-md bg-glacier-800 p-4 text-glacier-200 shadow-none md:col-span-6 lg:col-span-4">
<h2 class="text-lg font-semibold">Grid item 6</h2>
<p class="leading-4">placeholder text</p>
</div>
</div>