place-items

Utilities for controlling how items are justified and aligned at the same time.

Examples

Start

Use place-items-start to place grid items on the start of their grid areas on both axes:

End

Use place-items-end to place grid items on the end of their grid areas on both axes:

Center

Use place-items-center to place grid items on the center of their grid areas on both axes:

Stretch

Use place-items-stretch to stretch items along their grid areas on both axes:

Responsive design