Почему я вижу пространство между двумя столбцами с изображениями и не могу уменьшить пространство между столбцами? ⇐ Html

[Anonymous]

Я хочу, чтобы мои 6 изображений были в двух столбцах и 3 изображениях в одном столбце и 3 изображения в другом столбце, но когда я заказываю их по столбцам, между двумя столбцами есть место, и когда вы их перемещаете, пространство становится больше. Я новичок, и я строю свое портфолио, и я сталкиваюсь с этой проблемой.
Сначала я написал IMG внутри контейнера
Затем я использовал сетку и сетчатые колонны , чтобы определить два столбца с тремя изображениями каждый. Я присвоил им размер и высоту и использовал блок, чтобы удалить дополнительное пространство между изображениями. Я хочу, чтобы два столбца были рядом друг с другом на правой стороне. PrettyPrint-Override ">

Код: Выделить всё

.skill-pictures {
display: grid;
grid-template-columns: repeat(2, 3fr);
gap: 10px;
justify-content: center;
border: 1px solid grey;
}

.skill-pictures img {
width: 150px;
height: auto;
display: block;
margin-left: 70%;
border: 1px solid black;
}< /code>

[img]Imagenes-Skills/HTML.png[/img]
[img]Imagenes-Skills/CSS.png[/img]
[img]Imagenes-Skills/JavaScript.png[/img]
[img]Imagenes-Skills/Github.png[/img]
[img]Imagenes-Skills/API.png[/img]
[img]Imagenes-Skills/PowerBi.png[/img]

Подробнее здесь: https://stackoverflow.com/questions/797 ... e-the-spac