Grid Alignment

Justify Content

This is similar to flex box, but it works slightly different in grid and has some slightly different syntax.

display: grid;
justify-content: center;

display: grid;
justify-content: end;

Notice how we drop the flex keyword.

Aligning Rows

This allows you to align the layout of items in your rows.

display: grid;
align-items: center;

Align Self

You can single out elements for alignment using align-self

.box:last-of-type {
   align-self: end;
   justify-self: end;
}

Notice how we single out the last item with the :last-of-type, this allows you to single out an element in a series of CSS elements.