如何使用CSS网格对齐项目

Question

伙计们，我有这种情况：

我的CSS：

  display: grid;
  grid-template-columns: 1fr 1fr; 
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin: 5px;

这些项目是动态生成的，我不知道它们的确切大小。如何使用CSS网格，对齐它们，以使它们之间没有空间，并且正确放置？

谢谢！