---
title: Full width media component
layout: common-ux-layout.hbs
---

<div class="style-guide-info info">
  <h4>Full width media component</h4>
  <p>The media and box doesn't fit like it should in lg size in this context (styleguide framing). Check the <a href="/pages/templates/sg-tno.html">TnO template</a> for accuracy</p>
</div>

{{>full_width_media full-width-media-contentful.data.fields.components.0.fields image-url=full-width-media-contentful.data.fields.components.0.fields.image.fields.image.fields.file.url alt-text=full-width-media-contentful.data.fields.components.0.fields.image.fields.altText filmUrl=full-width-media-contentful.data.fields.components.0.fields.film.fields.film.fields.file.url}}