Diem Developers Components

Grids 

<h2>2 cols</h2>

<d-grid cols="2">
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
</d-grid>

<h2>3 cols</h2>

<d-grid cols="3">
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
</d-grid>

<h2>4 cols</h2>

<d-grid cols="4">
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
    <div class="h-32 bg-gray-200"></div>
</d-grid>
 
<h2>2 cols</h2>

<d-grid cols="2">
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
</d-grid>

<h2>3 cols</h2>

<d-grid cols="3">
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
</d-grid>

<h2>4 cols</h2>

<d-grid cols="4">
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
  <div class="h-32 bg-gray-200"></div>
</d-grid>
 
/* No context defined. */

No notes defined.