1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
<div class="grid cols-xm-1 cols-sm-2 cols-md-6 cols-lg-12 gap-sm-1 cols-xl-12">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
</div>
<br>
<div class="grid cols-xm-1 cols-sm-2 cols-md-6 cols-lg-12 gap-sm-4 cols-xl-12">
<div class='span-4'>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
</div>