Grid And Flexbox

Justify Self

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

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

Overview [sr-only]

justify-self:value / js:valuejustify-self: value
justify-self:autojustify-self: auto
justify-self:normaljustify-self: normal
justify-self:baselinejustify-self: baseline
justify-self:leftjustify-self: left
justify-self:centerjustify-self: center
justify-self:rightjustify-self: right
justify-self:stretchjustify-self: stretch
justify-self:startjustify-self: start
justify-self:endjustify-self: end
justify-self:flex-startjustify-self: flex-start
justify-self:flex-endjustify-self: flex-end
justify-self:self-startjustify-self: self-start
justify-self:self-endjustify-self: self-end

Conditionally apply

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

<div class="justify-self:auto:hover justify-self:auto@sm justify-self:auto@dark justify-self:auto@print"></div>
Justify Items

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


Style syntax for changing the order of item in flex or grid container.

MIT License © Aoyue Design LLC.