Placera bilder i rutnät HTML

Hej!

Försöker för tillfället skapa en enklare e-shop genom tictail. Har valt ett tema och lyckats ändra allt som jag vill ha det, förutom en sak. Vid startsidan är tanken att alla produkter ska visas i ett rutnät där varje rad (horisontellt) innehåller fyra produkter. Har lyckats ändra HTML koden så att bilderna blir mindre, men inte så att rutnätet (inklusive länken till produkten) krymper.

Hur det ser ut och hur jag har tänkt att det ska bli

Förstår att jag ändrar bildstorleken genom att justera width och height i koden längst ner på bilen, men inte hur jag ändrar själva rutnätet så att det dras ihop.

Hoppas ni förstår vad jag menar, ursäkta mina paintskills

Förstår vad du menar, men förstår inte vad jag ska ändra i koden.

<div>
<div class ="someClass4">

<img>.... </img>
</div>
</div>


.someClass4 {
Width = 25%;
}

Kollade runt i koden och lyckades hitta samt ändra parent diven. Bilderna ligger nu som jag vill ha dom men länken till produkten hamnar utanför bilden, om ni förstår vad jag menar. Länken till bilden sträcker sig utanför själva bilden. Vilken kod ska man ändra då?