Each of the boxes on the left has a grid area of 3 columns and 3 rows (we're counting the gutter col/row).

The align-items property is used to align the content inside each grid-area.

Other values of align-items are:

• stretch
• start
• end
• center