Foreign Affairs Style Guide

Foreign Affairs

Article -- Full Width Inline Image


This is for a Full width, mid-article image on any article page.

Data Sources:
Images Styles:
Known Omissions:
Alt text
He who controls the Spice: Caption would go here and extend across like this. He who controls the Spice: Caption would go here and extend across like this. He who controls the Spice: Caption would go here and extend across like this. He who controls the Spice: Caption would go here and extend across like this. Jonathan Doe / Reuters
<div class="full-width full-width-img sticky-limit">
	<figure class="article-inline-img-full-width">
		<img data-src="/fa_prototype/assets/images/full-width-test.jpg" alt="Alt text" class="b-lazy">
		<div class="l-inline-img-full-width-figcaption">
			<figcaption class="article-inline-img-full-width__figcaption f-sans">
				<span class="article-inline-img-full-width__caption d-block">He who controls the Spice: Caption would go here and extend across like this. He who controls the Spice: Caption would go here and extend across like this.  He who controls the Spice: Caption would go here and extend across like this. He who controls the Spice: Caption would go here and extend across like this.</span>
				<span class="article-inline-img-full-width__photo-credit d-block ls-narrow">Jonathan Doe / Reuters</span>
			</figcaption>
	  </div>
	</figure>
</div>