align-items property defines the layout along flex containers cross axis
Possible values:
stretch(default) - tries to fill the container, respecting min/max-widthflex-start/start/self-start- items are placed at the start of the cross axis. The difference between different start values is between working withflex-directionrules orwriting-moderules (see Flexbox Justify Content )flex-end/end/self-end- items are placed at the end of cross axis, differences as abovecenter- items are centred in cross axisbaseling- items are places so that their bases align
safe and unsafe keywords can be used to allow or prevent content rendering in an inaccessible way