Utilitário
Align Items
Controla o alinhamento dos itens em um container flex pelo eixo cruzado (cross-axis).
Exemplo
<!-- itens centralizados verticalmente -->
<div class="flex items-center gap-sm">
<div>A</div>
<div>B</div>
<div>C</div>
</div>Classes
| Classe CSS | Descrição |
|---|---|
.items-center | align-items: center; |
.items-start | align-items: flex-start; |
.items-end | align-items: flex-end; |
.items-baseline | align-items: baseline; |
.items-stretch | align-items: stretch; |
Responsivo
Para mirar um breakpoint, adicione o sufixo @{breakpoint}
à classe — por exemplo, .items-start@md aplica
align-items: flex-start a partir do breakpoint md.