Image Grid
#
1 2 {% include 'components/image-grid/1-2' %}
#
HTML 
<div class="banner-grid-1xp-2xl">
	<div class="banner-grid banner-grid-1"><div class="full-banner__image" style="background-image: url(&quot;undefined&quot;); background-repeat: no-repeat;"></div>
		<div class="banner-grid-banner">
			<img src="http://placehold.it/480x640">
		</div>
	</div>
	<div class="banner-grid banner-grid-2"><div class="full-banner__image" style="background-image: url(&quot;undefined&quot;); background-repeat: no-repeat;"></div>
		<div class="banner-grid-banner">
			<img src="http://placehold.it/480x320">
		</div>
	</div>
	<div class="banner-grid banner-grid-3"><div class="full-banner__image" style="background-image: url(&quot;undefined&quot;); background-repeat: no-repeat;"></div>
		<div class="banner-grid-banner">
			<img src="http://placehold.it/480x320">
		</div>
	</div>
</div>
Twig 
<div class="banner-grid-1xp-2xl">
	<div class="banner-grid banner-grid-1"><div class="full-banner__image" style="background-image: url(&quot;undefined&quot;); background-repeat: no-repeat;"></div>
		<div class="banner-grid-banner">
			<img src="http://placehold.it/480x640">
		</div>
	</div>
	<div class="banner-grid banner-grid-2"><div class="full-banner__image" style="background-image: url(&quot;undefined&quot;); background-repeat: no-repeat;"></div>
		<div class="banner-grid-banner">
			<img src="http://placehold.it/480x320">
		</div>
	</div>
	<div class="banner-grid banner-grid-3"><div class="full-banner__image" style="background-image: url(&quot;undefined&quot;); background-repeat: no-repeat;"></div>
		<div class="banner-grid-banner">
			<img src="http://placehold.it/480x320">
		</div>
	</div>
</div>
{}
2 1 {% include 'components/image-grid/2-1' %}
#
HTML 
<div class="image-grid-2xl-1xp">
	<div class="image-grid image-grid-1">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x320">
		</div>
	</div>
	<div class="image-grid image-grid-2">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x320">
		</div>
	</div>
	<div class="image-grid image-grid-3">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x640">
		</div>
	</div>
</div>
Twig 
<div class="image-grid-2xl-1xp">
	<div class="image-grid image-grid-1">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x320">
		</div>
	</div>
	<div class="image-grid image-grid-2">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x320">
		</div>
	</div>
	<div class="image-grid image-grid-3">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x640">
		</div>
	</div>
</div>
{}
2 Images {% include 'components/image-grid/2-images' %}
#
HTML 
<div class="image-grid-1xp-1xp">
	<div class="image-grid image-grid-1">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x640">
		</div>
	</div>
	<div class="image-grid image-grid-2">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x640">
		</div>
	</div>
</div>
Twig 
<div class="image-grid-1xp-1xp">
	<div class="image-grid image-grid-1">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x640">
		</div>
	</div>
	<div class="image-grid image-grid-2">
		<div class="image-grid-image">
			<img src="http://placehold.it/480x640">
		</div>
	</div>
</div>
{}