Rows/Columns styling problem


#1

Hey Guys,

banging really my head! I am constructing a nice gallery like this:

			<div class="row gallery">

				<a class="col col-50" ng-repeat="item in results" ng-href="#/app/playlists/{{item.aping_id}}">

					<div style="background-image:url({{item.img_url}});
                        background-repeat:no-repeat;
                        background-size:cover; 
                        width:100%;
						left:-10px;
                        height:0;
                        padding-top:100%;
						background-position: center;

						">
						<img ng-src="{{item.thumb_url}}" vibrant ng-model="item.swatch" style="visibility: hidden;" />
					</div>

					<div class="item item-icon-right galTitle" ng-style="{'background-color': item.swatch.Vibrant.getHex(), 'height': '62px'}">
						{{item.caption}}
						<i class="icon ion-android-more-vertical"></i>
					</div>
				</a>
			</div>

The problem is that i can not get rid of the margins/padding on left/right side of the screen. Setting ymy colums css to “padding: 0px” does the job, but of course than i am loosing the gutter between my gallery cells. Any idea? Would be really awsome…

Here is also a screeshot of my output:

Thanks&Cheers