grid testing

dabblet.css

/* grid testing */
*{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	font:13px/22px sans-serif;
}

.global-header,
.main-content,
.breadcrumbs-wrapper,
.page-related-content,
.global-footer{
	max-width:984px; /* 75.6923076923077em */
	position:relative;
	margin:auto;
}

.grid-row:before,
.grid-row:after{
	content:"";
	display:table;
}
.grid-row:after{ clear:both; }
.grid-row{ margin:22px 0 22px 24px; }

.grid-row .grid-row { margin-right:-24px; }


[class*="grid-col"]{
	width:100%;
	float:left;
	padding-right:24px;
}

.island,
.islet{
	display:block;
	background-color:#ddd;
}
.island{
	padding:1em;
}
.islet{
	padding:.5em;
}

.page-content > .page-data-text{ width:100%; }
.nested > .grid-col{ width:50%; }
.call-info > .grid-col,
.home-features > .grid-col{ width:50%; }

dabblet.html

<header class="global-header">
	<section class="inset top additional-info is-collapsed" id="js-call-info-collapsed">
		<div class="grid-row call-info">
			<div class="grid-col">
				<div class="island">
					<h1 class="heading">Questions? Just ask.</h1>
					<p>A Specialist is available to answer questions and give the expert advice you need. We don’t work on commission — we only care about helping you make the right decision.</p>
				</div>
			</div>
			
			<div class="grid-col call-action">
				<div class="island">
					<a class="btn btn-main-tel" href="tel:01234567890"><span>0208 559 9538</span></a>
					<p class="muted mili">(07:00am — 05:00pm)</p>
				</div>
			</div>
		</div>
	</section>
</header>

<section class="main-content">
	<div class="grid-row page-content">
		<div class="grid-col page-data-text">
			<div class="island">
				
				asp:Literal ID="txtText" runat="server" EnableViewState="false"
			</div>
		</div>
	</div>
	
	<div class="grid-row home-features">
		<div class="grid-col vehicle-search">
			<div class="island">
				vehicle-search
			</div>
		</div>
		
		<div class="grid-col accordion">
			<div class="island">
				Accordion
			</div>
		</div>
	</div>
</section>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}