Html 显示的间隙宽度更大：块

我有一个关于显示的问题：块

我用3个不同的栏组成了一个部分。当您在手机上看到该网站时，各列将相互显示。当您在桌面上看到该站点时，列将彼此相邻显示

唯一的问题是立柱之间的间隙

有人知道我怎样才能把柱子之间的空隙拉大吗

网站

我的代码（css）

---

您可以使用

填充
：

.blabla>div{
填充：0 10px；
}

边距设置元素之间的间距，因此设置边距将导致
div
s两个中断。但是
填充
设置元素轮廓与其内容之间的间距。
您可以使用
填充
：

.blabla>div{
填充：0 10px；
}

边距设置元素之间的间距，因此设置边距将导致
div
s两个中断。但是
padding
设置元素轮廓与其内容之间的间距

.blabla{
max-width: 1170px;
margin-right: auto;
margin-left: auto;
display: block;
}

@media only screen and (max-width: 767px){ 
  .blabla{
    display: grid;
  }
}

#column2{
  display: inline-block;
  text-decoration: none;
  max-width: 381px;
  max-height: 463px;
  margin: 0;
  letter-spacing: .03571em;
 }

#column1{
  display: inline-block;
  text-decoration: none;
  max-width: 381px;
  max-height: 463px;
  margin: 0;
  letter-spacing: .03571em;
}
#column3{
  display: inline-block;
  text-decoration: none;
  max-width: 381px;
  max-height: 463px;
  margin: 0;
  letter-spacing: .03571em;
}