網格格式提供額外的空白空間

Question

我正在創建一個包含三個頁面的網站，其中兩個頁面的布局相同。 對於兩者之一的顯示：網格； 工作正常，但在第二頁上，即使我復制粘貼整個第一頁，所以它的代碼相同，它會在鏈接的左側留出一個空間。 請幫忙。

只是 html 和 css，我嘗試調整值但沒有任何幫助。

//CSS
.r-tificial-container {
    display: grid;
    grid-gap: 1vmin;

}

.coding-img {
    grid-column-start: 1;
    grid-column-end: 2;
}

.r-tificial-text {
    grid-column-start: 3;
    grid-column-end: 10;
    background-color: #fff;
}


//HTML
<div class="r-tificial-container">


             <div class="coding-img">


            </div>
            <div class="r-tificial-text">
                <div class="seclink-div"></div>
            </div>

</div>

它在一個頁面上向我展示了 coding-img 和 seclink-div 之間的空格，但在另一頁上卻沒有完全相同的代碼。 我希望沒有空間

Answer 1

將.r-tificial-text的grid-column-start屬性的值從3更改為2 ，如下所示。 它可能會幫助您解決上面解釋的問題。

.r-tificial-text {
  grid-column-start: 2;
  grid-column-end: 10;
  background-color: #fff;
}

Answer 2

添加 padding-left: 2vw; 解決了我所有的問題，go 圖。