Форматирование сетки дает дополнительное пустое пространство

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

Добавление отступов слева: 2vw;Решил все мои проблемы, пойди разберись.

Answer 2

Измените значение grid-column-start свойства .r-tificial-text с 3 на 2, как показано ниже. Это может помочь вам решить проблему, которую вы объясняете выше.

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