CSS Grid实现网格布局

学习网站:http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
实例详解:https://www.sohu.com/a/115465158_488157
grid属性

1. grid属性是下列属性的缩写属性：

grid-template-rows
grid-template-columns
grid-template-areas
grid-auto-rows
grid-auto-columns
grid-auto-flow

2. CSS语法

grid: none|grid-template-rows / grid-template-columns|grid-template-areas|grid-template-rows / [grid-auto-flow] grid-auto-columns|[grid-auto-flow