css fix

frontend/WebSem/app/views/articlesCategory.html

 
     <div layout="row">
         <span flex="15"></span>
-        <md-grid-list class="image-grid" md-cols="4" md-row-height="200px" md-row-height-gt-sm="300px"
+        <md-grid-list class="image-grid" md-cols="6" md-row-height="200px" md-row-height-gt-sm="300px"
                       md-row-height-gt-md="450px" md-gutter="4px" flex="60">
-            <md-grid-tile ng-repeat="item in items.data" class="red grid-picture" md-colspan="{{$index < 2 ? 2 : 1}}"
+            <md-grid-tile ng-repeat="item in items.data" class="red grid-picture" md-colspan="{{$index < 2 ? 3 : 2}}"
                           ng-class="{red: itemType == 'persons', purple: itemType == 'countries', blue: itemType == 'locations'}"
                           md-rowspan="1" ui-sref="articles_view({id: item.id, item: item})">
                 <img class="article-picture" ng-src="{{item.pictureUrl}}">