Grid布局指定列数时，行高自适应为元素高度

grid布局按列分割时，每行行高都会均分父容器，但我们需要的效果是行高自适应为元素高度即可，此时需要设置 align-content: start;
参考MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/align-content

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-content: start;
  gap: 20px 0;
  margin-bottom: 20px;