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

[Anonymous]

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

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

[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]

Затем я использовал Grid и Grid-template-columns , чтобы определить два столбца с тремя изображениями в каждом. Я присвоил им размер и высоту и использовал блок, чтобы удалить дополнительное пространство между изображениями. < /P>
.skill-pictures {
display: grid;
grid-template-columns: repeat(2, 3fr);
gap: 10px;
justify-content: center;
}

.skill-pictures img {
width: 150px;
height: auto;
display: block;
margin-left: 70%;
}
< /code>
Я попытался уменьшить ширину, но она только уменьшает размер изображений. Я хочу, чтобы два столбца были рядом друг с другом на правой стороне.>

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