<div class="health-band">
<div class="health-band__container">
<div class="row">
<div class="col-xs-12">
<h2>Featured resource</h2>
</div>
</div>
<div class="row standard-gap">
<div class="col-sm-3 col-xs-4">
<div class="image--link image--border">
<a href="#">
<div class="image-outer">
<div class="image-placeholder" style="max-width: 800px;">
<div style="padding-top: 56.25%;"></div>
</div>
<div class="image-wrapper image-loading">
<div class="image">
<img width="800" height="450" data-src="https://picsum.photos/1600/900">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-sm-9 col-xs-8">
<h3><a href="#">Tyrannosaurus</a></h3>
<p>Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
"king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the large
theropods.</p>
</div>
</div>
</div>
</div>
Group components on full width landing pages
Landing pages are made up of several bands that provide a snapshot into further information. For example a Latest news band with the latest 3 news items.