Place Self
Utilities for controlling a grid item's alignment along their block and inline axis directions.
Stretch
Use d-pls-stretch{-n} to stretch grid items along their block and inline axis.
<div class="d-d-grid d-g-cols2">
<div class="d-pls-stretch">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
Start
Use d-pls-start{-n} to align a grid item along the start of their block and/or inline axis.
<div class="d-d-grid d-g-cols2">
<div class="d-pls-start">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
End
Use d-pls-end{-n} to align a grid item along the end of their block and/or inline axis.
<div class="d-d-grid d-g-cols2">
<div class="d-pls-stretch">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
Center
Use d-pls-center{-n} to align a grid item along the center of their block and/or inline axis.
<div class="d-d-grid d-g-cols2">
<div class="d-pls-center">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>