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

[Anonymous]

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








< /code>
Тогда я использовал сетку и сетку-колонны, чтобы определить два столбца с тремя изображениями в каждом. Я присвоил им размер и высоту и использовал блок, чтобы удалить дополнительное пространство между изображениями. < /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 ... -the-space