Syntax

Place Items

Setting align-items and justify-items at the same time.

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

Class	Declarations
`place-items:align-items\|justify-items`	`place-items: align-items justify-items;`
`place-items:auto`	`place-items: auto;`
`place-items:normal`	`place-items: normal;`
`place-items:baseline`	`place-items: baseline;`
`place-items:center`	`place-items: center;`
`place-items:stretch`	`place-items: stretch;`
`place-items:start`	`place-items: start;`
`place-items:end`	`place-items: end;`
`place-items:flex-start`	`place-items: flex-start;`
`place-items:flex-end`	`place-items: flex-end;`
`place-items:self-start`	`place-items: self-start;`
`place-items:self-end`	`place-items: self-end;`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

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