v>
					<div class="card">Card 3</div>
				</div>
				<div class="code-block">
					<pre><code>&lt;div class="grid grid-cols-1 md-grid-cols-2 lg-grid-cols-3 gap-3"&gt;
	&lt;div class="card"&gt;Card 1&lt;/div&gt;
	&lt;div class="card"&gt;Card 2&lt;/div&gt;
	&lt;div class="card"&gt;Card 3&lt;/div&gt;
&lt;/div&gt;</code></pre>
				</div>
			</section>
		</div>
		<!-- Best Practices -->
		<div class="example-section">
			<h2 class="example-title">Responsive Design Best Practices</h2>
			<ul class="p-3">
				<li