Grid And Flexbox

Justify Items

Style syntax for controlling how items are aligned along its inline axis.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
justify-items:value / ji:valuejustify-items: value
justify-items:normaljustify-items: normal
justify-items:baselinejustify-items: baseline
justify-items:leftjustify-items: left
justify-items:centerjustify-items: center
justify-items:rightjustify-items: right
justify-items:stretchjustify-items: stretch
justify-items:legacyjustify-items: legacy
justify-items:startjustify-items: start
justify-items:endjustify-items: end
justify-items:flex-startjustify-items: flex-start
justify-items:flex-endjustify-items: flex-end
justify-items:self-startjustify-items: self-start
justify-items:self-endjustify-items: self-end

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="justify-items:normal:hover justify-items:normal@sm justify-items:normal@dark justify-items:normal@print"></div>
PREVIOUS
Justify Content

Style syntax for controlling how items are aligned along its main axis.

NEXT
Justify Self

Style syntax for controlling how an individual item is aligned along its inline axis.

MIT License © Aoyue Design LLC.