Grid 网格布局的强大之处 ​

这篇文章属于系列 CSS 精修系列，位序为 2，有这些 tag：CSS, Grid, 网格布局, 布局系统

CSS Grid 是另一种强大的布局方式，尤其适合二维网格系统。

基本结构 ​

.container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}

和 Flex 的比较 ​

当需要控制行和列时，使用 Grid 是更好的选择。