CSS布局Grid和Flex

A Complete Guide to Grid

在CSS中，justify表示水平方向上的对齐方式，align表示垂直方向上的对齐方式。

The justify-content and align-content properties align the grid.
针对的是整个Grid。
The justify-self, justify-items, align-self and align-items properties align the grid items.
针对的是一个个的网格。

A Complete Guide to Flexbox

What’s the Difference Between Flexbox and Grid?

A guide to learning CSS grid by @jonsuh

What is the difference between align-items vs. align-content in Grid Layout?