Warum sehe ich einen Raum zwischen zwei Spalten mit Bildern und ich kann den Raum zwischen den Spalten nicht reduzieren? ⇐ CSS

[Anonymous]

Ich möchte, dass meine 6 Bilder in zwei Spalten und 3 Bildern in einer Spalte und 3 Bilder in einer anderen Spalte enthalten sind. Wenn ich sie jedoch nach Spalten bestelle, gibt es einen Platz zwischen den beiden Spalten und wenn Sie sie verschieben, wird der Speicherplatz größer. Ich bin ein Anfänger und baue mein Portfolio und ich begegne dieses Problem. Ich habe ihnen Größe und Höhe zugewiesen und den Block verwendet, um den zusätzlichen Platz zwischen den Bildern zu entfernen. Ich möchte, dass die beiden Spalten nebeneinander auf der rechten Seite liegen. PrettyPrint-Override ">

Code: Select all

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