`align-items`

Aligns items along the cross axis within a flex or grid container.

2,689 effects in the catalog use this property.

Syntax

align-items: stretch | center | flex-start | flex-end | baseline;

Watch out

The default is `stretch`, which is why cards with different content can become equal height. Setting `center` removes that stretching behavior.

These are working effects from the catalog. Open a tile to inspect the full source.