place-content
A shorthand for setting both 'align-content' and 'justify-content' at once. It controls how the alignment of the entire content block (not individual items) happens within its container.
Quick example
.grid-container {
display: grid;
/* centers the whole group of grid items inside the container */
place-content: center;
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
multi-line flex containers
Animation type
discrete
Values
align-contentjustify-content place-content Browser Support
Widely available Since 2015 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
59+
45+
9+
79+