scss-library/components/02_ContentShape/alignment/alignment.hbs

<style>
	.RV-FlexGrid {
		--item-height: 150px;
		--item-width: 150px;
	}
</style>
<div class="RV-FlexGrid RV-FlexGrid--fixedSize RV-Spacing__Inner--medium">
		
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--solid">
		<div class="RV-Alignment--top">
			<p>Aligned Top</p>
		</div>
	</div>
	
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--solid">
		<div class="RV-Alignment--left">
			<p>Aligned Left</p>
		</div>
	</div>
	
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--solid">
		<div class="RV-Alignment--bottom">
			<p>Aligned Bottom</p>
		</div>
	</div>
	
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--solid">
		<div class="RV-Alignment--right">
			<p>Aligned Right</p>
		</div>
	</div>
	
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--solid">
		<div class="RV-Alignment--verticalCenter">
			<p>Aligned v center</p>
		</div>
	</div>
	
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--solid">
		<div class="RV-Alignment--horizontalCenter">
			<p>Aligned</p>
			<p>h</p>
			<p>center</p>
		</div>
	</div>
</div>