MonorailCss

Align Items

Utilities for controlling how flex and grid items are positioned along a container's cross axis.

Class CSS Output
items-center-safe 
align-items: safe center;
}
items-end 
align-items: flex-end;
}
items-baseline-last 
align-items: last baseline;
}
items-center 
align-items: center;
}
items-stretch 
align-items: stretch;
}
items-end-safe 
align-items: safe flex-end;
}
items-baseline 
align-items: baseline;
}
items-start 
align-items: flex-start;
}

items-center-safe

align-items: safe center;

items-end

align-items: flex-end;

items-baseline-last

align-items: last baseline;

items-center

align-items: center;

items-stretch

align-items: stretch;

items-end-safe

align-items: safe flex-end;

items-baseline

align-items: baseline;

items-start

align-items: flex-start;

Reference

align-items MDN ↗

CSS Properties

  • align-items