Primer

HTML

<div class="mean-bean mean-bean-uk-aid clearfix">
	<div class="inner">

		<div class="large-col-4">
			<picture class="desktop-only">
			  <source media="(min-width: 650px)" srcset="AidMatch_DFID_Blue_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="AidMatch_DFID_Blue_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile_@2x.png 2x">
			  <img src="/images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
			</picture> 
		</div>

		<div class="large-col-8">
			<h2>Double <span>your money raised</span></h2>
			<p>Every pound you give to Tearfund’s matched giving appeal from Xst Xxxxxxxx 2019 to XXst Xxxxxxxx 2019, will be doubled by the UK government up to a total of £2,000,000.</p>

			<picture class="mobile-only">
			  <source media="(min-width: 650px)" srcset="AidMatch_DFID_Blue_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="AidMatch_DFID_Blue_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile_@2x.png 2x">
			  <img src="/images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
			</picture> 
		</div>

	</div>
</div>

Twig

<div class="mean-bean mean-bean-uk-aid clearfix">
	<div class="inner">

		<div class="large-col-4">
			<picture class="desktop-only">
			  <source media="(min-width: 650px)" srcset="AidMatch_DFID_Blue_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="AidMatch_DFID_Blue_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile_@2x.png 2x">
			  <img src="/images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
			</picture> 
		</div>

		<div class="large-col-8">
			<h2>Double <span>your money raised</span></h2>
			<p>Every pound you give to Tearfund’s matched giving appeal from Xst Xxxxxxxx 2019 to XXst Xxxxxxxx 2019, will be doubled by the UK government up to a total of £2,000,000.</p>

			<picture class="mobile-only">
			  <source media="(min-width: 650px)" srcset="AidMatch_DFID_Blue_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="AidMatch_DFID_Blue_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile_@2x.png 2x">
			  <img src="/images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
			</picture> 
		</div>

	</div>
</div>

{}

Double your money raised

Every pound you give to Tearfund’s matched giving appeal from Xst Xxxxxxxx 2019 to XXst Xxxxxxxx 2019, will be doubled by the UK government up to a total of £2,000,000.