Grid-system als OOCSS

gistfile1.html

<section class="row">
    <div class="col all-full">
    	<p class="block-left bg-light padding">
			@if(this.Model.SearchResult.Results.Any())
			{
				@Html.T(this.Model.SearchResult.Total, "{0} object gevonden", "{0} objecten gevonden", "Found {0} work of art", "Found {0} works of art", this.Model.SearchResult.Total)</p>
			}
			else
			{
				@Html.T("Geen resultaten", "No results")
			}
		</p>
	</div>
	
	<div class="col m-4 l-10 xl-10 reset-padding">  
		@foreach(var workOfArt in this.Model.SearchResult.Results) 
		{
			var fileName = Html.UriDataEscape(workOfArt.Media.PrimaryImage.FileName);
			var url = WorkOfArtModuleUrls.WorkOfArt(workOfArt);

			<div class="artobject col s-full m-3 l-3 xl-2 m-clear-2nd l-clear-4th xl-clear-6th">
				<a href="@url" class="block padding bg-light">
					<img class="full-width background-cover" src="/static/images/1x1.png" style="height:auto; padding-top:20%; background-image:url(http://www.museum-online.nl/imageproxyboijmans.asp?cache=yes&amp;maxheight=500&amp;maxwidth=500&amp;filename=@(fileName)&amp;cache=yes)" />
					<h1 class="h3-like">@Html.LimitOnWordBoundaryText(workOfArt.Title, 50), @workOfArt.Dating.Indication</h1>
					<p>@workOfArt.Creator.FullName</p>
				</a>
			</div>
		}
	</div>

	@if(this.Model.SearchResult.Results.Any())
	{
		<div class="col m-2 l-2 xl-2">
			@Html.Partial("Facets", this.Model)
		</div>

		<div class="col all-full">
			@Html.Partial("Pagination", this.Model)
		</div>
	}
</section>