Syntax

Justify Items

Controlling how items are aligned along its inline axis.

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

Class	Declarations
`justify-items:value`	`justify-items: value;`
`justify-items:normal`	`justify-items: normal;`
`justify-items:baseline`	`justify-items: baseline;`
`justify-items:left`	`justify-items: left;`
`justify-items:center`	`justify-items: center;`
`justify-items:right`	`justify-items: right;`
`justify-items:stretch`	`justify-items: stretch;`
`justify-items:legacy`	`justify-items: legacy;`
`justify-items:start`	`justify-items: start;`
`justify-items:end`	`justify-items: end;`
`justify-items:flex-start`	`justify-items: flex-start;`
`justify-items:flex-end`	`justify-items: flex-end;`
`justify-items:self-start`	`justify-items: self-start;`
`justify-items:self-end`	`justify-items: self-end;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.