lass="demo-box p-0"&gt;
	&lt;div class="demo-box mx-3"&gt;Margin 3 (horizontal)&lt;/div&gt;
&lt;/div&gt;
&lt;div class="demo-box p-0"&gt;
	&lt;div class="demo-box my-3"&gt;Margin 3 (vertical)&lt;/div&gt;
&lt;/div&gt;
</code></pre>
			</div>
		</div>

		<!-- Flex Direction Utilities -->
		<div class="example-section">
			<h2 class="example-title">Flex Direction Utilities</h2>
			<p class="example-description">
				Control the direction of flex items.
			</p>
			<div class="demo-box d-flex flex-row">
				<div