Gallery Grid Landscape


#1

Hello, i need to create some kind of gallery in landscape with two rows, and three images per row, i need to be responsive, but i need to be fixed at the size of the screen, not scroll like actually do, mi code is simple.

<div class="row responsive-sm">
<div class="col col-33" ng-if="$index < info.length">
 <img ng-src="{{urlForImage(info[$index].ruta)}}" err-src="/css/img/no-imagen.png"/>    
</div>
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+1].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+2].ruta)}}" err-src=/css/img/no-imagen.png"/>
</div>
</div>
<div class="row responsive-sm">
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+3].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+4].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+5].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
</div>

please if some one can help me, i’m not very expert in css, i need to be responsive. thank’s