e based on screen size.
			</p>
			<div class="grid grid-cols-12 gap-3">
				<div class="demo-box col-span-12 md-col-span-6 lg-col-span-4">
					Responsive column span
				</div>
				<div class="demo-box col-span-12 md-col-span-6 lg-col-span-8">
					Responsive column span
				</div>
			</div>
			<div class="code-block">
				<pre><code>&lt;div class="grid grid-cols-12 gap-3"&gt;
	&lt;div class="col-span-12 md-col-span-6 lg-col-span-4"&gt;
		Responsive column span
	&lt;/div&gt;
	&lt;div class="col-span-12 md