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 conditional queries.

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

Justify Content

Controlling how items are aligned along its main axis.

Controlling how an individual item is aligned along its inline axis.

© Aoyue Design LLC.