Layout

<div class="grid">
    <div class="grid__item" data-gridspan="12">
        <div class="grid__item" data-gridspan="12 M6">6</div>
        <div class="grid__item" data-gridspan="12 M6">6</div>
    </div>
    <div class="grid__item" data-gridspan="12 M4">4</div>
    <div class="grid__item" data-gridspan="12 M8">8</div>
    <div class="grid__item" data-gridspan="12 M3">3</div>
    <div class="grid__item" data-gridspan="12 M3">3</div>
    <div class="grid__item" data-gridspan="12 M3">3</div>
    <div class="grid__item" data-gridspan="12 M3">3</div>
    <div class="grid__item" data-gridspan="12 M4">4</div>
    <div class="grid__item" data-gridspan="12 M4">4</div>
    <div class="grid__item" data-gridspan="12 M4">4</div>
    <div class="grid__item" data-gridspan="12 M5">5</div>
    <div class="grid__item" data-gridspan="12 M7">7</div>
    <div class="grid__item" data-gridspan="12 M9">9</div>
    <div class="grid__item" data-gridspan="12 M3">3</div>
    <div class="grid__item" data-gridspan="12">
        <div class="grid__item" data-gridspan="12 M6">
            <div class="grid__item" data-gridspan="12 L3">4 of 12</div>
            <div class="grid__item" data-gridspan="12 L3">4 of 12</div>
            <div class="grid__item" data-gridspan="12 L3">4 of 12</div>
            <div class="grid__item" data-gridspan="12 L3">4 of 12</div>
        </div>
        <div class="grid__item" data-gridspan="12 M3">3</div>
        <div class="grid__item" data-gridspan="12 M3">3</div>
    </div>
</div>
<div class="grid">
	<div class="grid__item" data-gridspan="12">
		<div class="grid__item" data-gridspan="12 M6">6</div>
		<div class="grid__item" data-gridspan="12 M6">6</div>
	</div>
	<div class="grid__item" data-gridspan="12 M4">4</div>
	<div class="grid__item" data-gridspan="12 M8">8</div>
	<div class="grid__item" data-gridspan="12 M3">3</div>
	<div class="grid__item" data-gridspan="12 M3">3</div>
	<div class="grid__item" data-gridspan="12 M3">3</div>
	<div class="grid__item" data-gridspan="12 M3">3</div>
	<div class="grid__item" data-gridspan="12 M4">4</div>
	<div class="grid__item" data-gridspan="12 M4">4</div>
	<div class="grid__item" data-gridspan="12 M4">4</div>
	<div class="grid__item" data-gridspan="12 M5">5</div>
	<div class="grid__item" data-gridspan="12 M7">7</div>
	<div class="grid__item" data-gridspan="12 M9">9</div>
	<div class="grid__item" data-gridspan="12 M3">3</div>
	<div class="grid__item" data-gridspan="12">
	<div class="grid__item" data-gridspan="12 M6">
			<div class="grid__item" data-gridspan="12 L3">4 of 12</div>
			<div class="grid__item" data-gridspan="12 L3">4 of 12</div>
			<div class="grid__item" data-gridspan="12 L3">4 of 12</div>
			<div class="grid__item" data-gridspan="12 L3">4 of 12</div>
		</div>
		<div class="grid__item" data-gridspan="12 M3">3</div>
		<div class="grid__item" data-gridspan="12 M3">3</div>
	</div>
</div>
/* No context defined for this component. */

There are no notes for this item.