</div>
				<div class="demo-box">4</div>
			</div>
			<div class="code-block">
				<pre><code>&lt;div class="grid grid-cols-1 sm-grid-cols-2 md-grid-cols-3 lg-grid-cols-4"&gt;
	&lt;div&gt;1&lt;/div&gt;
	&lt;div&gt;2&lt;/div&gt;
	&lt;div&gt;3&lt;/div&gt;
	&lt;div&gt;4&lt;/div&gt;
&lt;/div&gt;</code></pre>
			</div>
		</div>
		<!-- Responsive Column Spans -->
		<div class="example-section">
			<h2 class="example-title">Responsive Column Spans</h2>
			<p class="example-description">
				Column spans that chang