This is box A.

This is box B.

This is box C.

This is box D.

Each of the boxes on the left has a grid area of 2 column and 2 row tracks.

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

Other values of align-items are: