Justify Items
Utilities for controlling how grid items align along their inline axis.
Auto
Use d-ji-auto to justify grid items automatically along their inline axis. This is the default value.
<div class="d-d-grid d-g-cols2 d-ji-auto">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
Start
Use d-ji-start to justify items against the start of their inline axis. Note that this does not work on flexed objects, only grid objects.
<div class="d-d-grid d-g-cols2 d-ji-start">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
End
Use d-ji-end to justify items against the end of their inline axis. Note that this does not work on flexed objects, only grid objects.
<div class="d-d-grid d-g-cols2 d-ji-end">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
Center
Use d-ji-center to justify items to the center of their inline axis.
<div class="d-d-grid d-g-cols2 d-ji-center">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>