ding
&lt;/div&gt;</code></pre>
			</div>
		</div>
		<!-- Common Responsive Patterns -->
		<div class="example-section">
			<h2 class="example-title">Common Responsive Patterns</h2>
			<p class="example-description">
				Examples of common responsive layout patterns.
			</p>
			<!-- Responsive Card Layout -->
			<section>
				<h3 class="my-3">Responsive Card Layout</h3>
				<div class="grid grid-cols-1 md-grid-cols-2 lg-grid-cols-3 gap-3">
					<div class="card">Card 1</div>
					<div class="card">Card 2</di