CSS Grid Layout (level 1)

Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for layout into columns and rows using a set of predictable sizing behaviors. Includes support for all `grid-*` properties and the `fr` unit.

CSS Flexible Box Layout Module

Method of positioning elements in horizontal or vertical stacks. Support includes all properties prefixed with `flex`, as well as `display: flex`, `display: inline-flex`, `align-content`, `align-items`, `align-self`, `justify-content` and `order`.

CSS justify-content: space-evenly

The "space-evenly" value for the `justify-content` property distributes the space between items evenly. It is similar to space-around but provides equal instead of half-sized space on the edges. Can be used in both CSS flexbox & grid.

css property: justify-content

css property: justify-content: center

css property: justify-content: supported in flex layout

css property: justify-content: supported in grid layout

css property: justify-content: end

css property: justify-content: flex-end

css property: justify-content: flex-start

css property: justify-content: left

css property: justify-content: normal

css property: justify-content: right

css property: justify-content: safe

css property: justify-content: space-around

css property: justify-content: space-between

css property: justify-content: space-evenly

css property: justify-content: start

css property: justify-content: stretch

css property: justify-content: unsafe