尝试构建这个 CSS 网格 [关闭]

【问题标题】：Trying to build this CSS grid [closed]尝试构建这个 CSS 网格 [关闭]
【发布时间】：2018-04-03 17:52:16
【问题描述】：

我成功创建了网格，使用 CSS display:grid;属性，像这样：

1 2
3 4
5 6

但我正在努力创建偏移量，如下所示：

http://share.activ.is/Yjy8xZ

有人吗？

【问题讨论】：

标签： css grid offset css-grid

【解决方案1】：

代码如下：

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  padding: 10px;
}

.grid-item:nth-child(2n) {
  border: 2px dashed red;
  margin-top: 10px;
}

<div class="grid-container">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <div class="grid-item">4</div>
  <div class="grid-item">5</div>
  <div class="grid-item">6</div>
</div>

【讨论】：

添加了红色边框以便快速查看。
就这么简单！！！！非常感谢！