显示网格属性-网格布局3列

Question

如何在显示网格的帮助下创建如下图所示的网格布局

我做了谷歌，但没有任何办法在图像中提到的CSS网格以相等的宽度划分两列。 CSS方面的专家可以帮助我吗

.parent {
  width: 100%; 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; 
  grid-gap: 1em;
}

。