iv&gt;
&lt;div class="d-none sm-d-block md-hidden"&gt;
	Only visible on small screens
&lt;/div&gt;</code></pre>
			</div>
		</div>
		<!-- Responsive Grid -->
		<div class="example-section">
			<h2 class="example-title">Responsive Grid</h2>
			<p class="example-description">
				Grid columns that adapt to different screen sizes.
			</p>
			<div class="grid grid-cols-1 sm-grid-cols-2 md-grid-cols-3 lg-grid-cols-4">
				<div class="demo-box">1</div>
				<div class="demo-box">2</div>
				<div class="demo-box">3