place-content

The place-content CSS shorthand property allows you to align content along both the block and inline directions at once (i.e., the align-content and justify-content properties) in a relevant layout system such as Grid or Flexbox.

Values: start The items are packed flush to each other toward the start edge of the alignment container in the appropriate axis. end The items are packed flush to each other toward the end edge of the alignment container in the appropriate axis. flex-start The items are packed flush to each other toward the edge of the alignment container depending on the flex container’s main-start or cross-start side. This only applies to flex layout items. For items that are not children of a flex container, this value is treated like start. flex-end The items are packed flush to each other toward the edge of the alignment container depending on the flex container’s main-end or cross-end side. This only applies to flex layout items.

Syntax example: place-content: center start;