align-self

<row-l>
    <div layout="align-self:center">1</div>
    ...
</row-l>

The align-self utility is designed to control the align-self CSS property.

It allows you to adjust the alignment of individual child elements within any flex container, such as Row, sidebar, switcher, or slider components.

This utility supports all standard CSS values for the align-self property, giving you precise control over the alignment of specific child elements.