grid网格布局中实现父盒子比较大，子元素顶部对齐
css布局中使用grid布局，父盒子的高度是1000px，每个子元素高度是100px，现在有三个子元素，如何实现每行显示两个，并且子元素都顶部对齐？如图所示的效果。
grid布局文档：grid - CSS：层叠样式表 | MDN
其中最重要的是：grid-template-rows这个属性，如果你没有设置这个属性，子元素的高度默认是平分的，即使你单独给每个子元素设置了宽度和高度。
需要单独配置这个属性：grid-template-rows: repeat(2, 100px); /* 2行，每行100px */
配置之后，就会顶部对齐了