Dobrý den,
pokud pro zobrazení potřebujete použít vyloženě tabulku, tak jí budete muset nadefinovat vlastní CSS styly. Takže například budete mít tabulku, které nastavíte vlastní třídu
mojetabulka:
Kód:
<table class="mojetabulka">
<tbody>
<tr>
<td>Obrázek</td>
<td>Obrázek</td>
<td>Obrázek</td>
</tr>
<tr>
<td>Obrázek</td>
<td>Obrázek</td>
<td>Obrázek</td>
</tr>
</tbody>
</table>
A pak pomocí CSS stylů nadefinujete, že do šířky
768 pixelů (768px) se budou jednotlivé buňky zobrazovat na samostatném řádku:
Kód:
@media screen and (max-width:768px){
.mojetabulka td { display:block; width:100%; }
}
A nebo by se dal pro zobrazení obrázků použít Bootstrap framework, který Vaše šablona také používá. Kód s obrázky by pak mohl vypadat například:
Kód:
<div class="row">
<div class="col-sm-4">Obrázek</div>
<div class="col-sm-4">Obrázek</div>
<div class="col-sm-4">Obrázek</div>
</div>
<div class="row">
<div class="col-sm-4">Obrázek</div>
<div class="col-sm-4">Obrázek</div>
<div class="col-sm-4">Obrázek</div>
</div>
Na další ukázky se můžete podívat například na stránce
Bootstrap grid examples.