5">Item 2</div>
				<div class="p-2 m-2 m-2 bd-highlight border border-primary flex-basis-50">Item 3</div>
			</div>
			<div class="code-block">
				<pre><code>&lt;div class="flex"&gt;
	&lt;div class="flex-basis-auto"&gt;Item 1&lt;/div&gt;
	&lt;div class="flex-basis-25"&gt;Item 2&lt;/div&gt;
	&lt;div class="flex-basis-50"&gt;Item 3&lt;/div&gt;
&lt;/div&gt;</code></pre>
			</div>
		</div>

		<!-- Flex Alignment Utilities -->
		<div class="example-section">
			<h2 class="example-title">Flex Alignment Utilitie