网格布局（Grid）

将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。grid-gap设置间距很实用，是flex布局所没有的。
grid布局具体的用法见CSS Grid 网格布局教程
flex布局具体的用法见Flex 布局教程：语法篇

下图来源于b站大神Zhengyaing。