Elevate CSS features a pair of compound properties for setting the content alignment and justification of content or items for use with flexbox containers as well as grids. Note that in each of the properties, the modifier prefix determines whether the alignment is horizontal or vertical.
content
Property Modifiers
Property | Expected Values | Example |
---|
content | just-start ,just-end ,just-center ,just-stretch ,just-between ,just-around ,just-evenly ,just-left ,just-right ,align-start ,align-end ,align-center ,align-stretch ,align-space-between ,align-space-around ,align-space-evenly , | content:align-end |
items
Property Modifiers
Property | Expected Values | Example |
---|
items | just-start ,just-end ,just-center ,just-stretch ,just-baseline ,just-self-start ,just-self-end ,align-start ,align-end ,align-center ,align-stretch ,align-baseline ,align-self-start ,align-self-end , | items:just-baseline |