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 3 columns and 3 rows (we're counting the gutter col/row).

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

Other values of justify-items are: