Grid And Flexbox

Place Items

Style syntax for 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 in different states using selectors, media queries, etc.

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