Alignment
Layouts can change when screen resolutions change. The alignment classes help you position your text based on viewport size.
Material Design Viewport Breakpoints
DeviceCodeTypesRange
phone_iphoneExtra smallxssmall to large handset< 600px
tabletSmallsmsmall to medium tablet600px > < 960px
laptopMediummdlarge tablet to laptop960px > < 1264*
desktop_windowsLargelgdesktop1264 > < 1904px*
tvExtra largexl4k and ultra-wides> 1904px*
* -16px on Desktop

<p class="text-xs-left">...</p>
<p class="text-xs-center">...</p>
<p class="text-xs-right">...</p>
 
 
<p class="text-xs-left">...</p>
<p class="text-sm-left">...</p>
<p class="text-md-left">...</p>
<p class="text-lg-left">...</p>
<p class="text-xl-right">...</p>
content_copy