<div class="parent grid gap-xs">
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-1"></div>
	<div class="col-2"></div>
	<div class="col-2"></div>
	<div class="col-2"></div>
	<div class="col-2"></div>
	<div class="col-2"></div>
	<div class="col-2"></div>
	<div class="col-3"></div>
	<div class="col-3"></div>
	<div class="col-3"></div>
	<div class="col-3"></div>
	<div class="col-6"></div>
	<div class="col-6"></div>
	<div></div>
</div>
// 👉 https://codyhouse.co/ds/docs/framework/grid-layout
body {
	padding: var(--space-md);
	background-color: var(--color-contrast-lower);
}

.parent > * {
	background-color: var(--color-primary);
	height: 60px;
}
View Compiled

External CSS

  1. https://unpkg.com/codyhouse-framework/main/assets/css/style.css

External JavaScript

This Pen doesn't use any external JavaScript resources.