-col-span-6 lg-col-span-8"&gt;
		Responsive column span
	&lt;/div&gt;
&lt;/div&gt;</code></pre>
			</div>
		</div>
		<!-- Responsive Spacing -->
		<div class="example-section">
			<h2 class="example-title">Responsive Spacing</h2>
			<p class="example-description">
				Apply different spacing at different breakpoints.
			</p>
			<div class="border p-2 sm-p-3 md-p-4 lg-p-5">
				Responsive padding
			</div>
			<div class="code-block">
				<pre><code>&lt;div class="p-2 sm-p-3 md-p-4 lg-p-5"&gt;
	Responsive pad