w</h2>
			<p class="example-description">
				The design system includes five breakpoints for responsive design. Resize your browser to see the breakpoint indicator in the bottom right corner.
			</p>
			<div class="card">
				<table class="w-100 table table-bordered">
					<thead>
						<tr>
							<th>Breakpoint</th>
							<th>Class Prefix</th>
							<th>Dimensions</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Extra small</td>
							<td><code>xs</code></td>
							<td>&lt; 576px</td