CSS Reference
Reference pages for CSS — syntax, parameters, return values and runnable examples.
All CSS reference pages
align-items
align-items positions flex items along the cross axis — stretching them to equal height, or aligning them to the start, center, end, or text baseline of the container.
gap
The gap property sets the space between rows and columns in a grid or flex container. It is shorthand for row-gap and column-gap, accepting one value for both or two values to set each separately.
grid-template-columns
The grid-template-columns property defines the column tracks of a grid container — how many columns there are and how wide each one is, using lengths, the fr unit, repeat(), minmax() and keywords.
justify-content
justify-content distributes flex items along the main axis — packing them at the start, centering them, or spreading the leftover space between them with the space keywords.
This is the CSS reference on XCODX. Each page documents one feature completely — the exact syntax, its parameters and return value, the gotchas that trip people up, and runnable examples you can edit right on the page.
The pages below are grouped so related topics stay together. Pick one to dive in, or run anything you find in the CSS online compiler.