I have an AMP layout that allows the featured image to span 100% of the page on a mobile device, but then puts a margin on the content.
I’d like the images within the content to also span 100% of the viewable width.
here is a sample: http://www.traileraddict.com/article/teaser-suggests-spider-man-homecoming-civil-war-crossover/amp/
I’d like the images to break out of their containers to fit the width of viewport.
<amp-img class="alignnone size-large wp-image-2428 amp-wp-enforced-sizes -amp-element -amp-layout-responsive -amp-layout-size-defined -amp-layout" src="https://cdn.traileraddict.com/article/wp-content/uploads/2016/09/Spider-Man-Homecoming-Cast-1024x512.jpg" alt="Spider-Man Homecoming" width="1024" height="512" srcset="https://cdn.traileraddict.com/article/wp-content/uploads/2016/09/Spider-Man-Homecoming-Cast-1024x512.jpg 1024w, http://www.traileraddict.com/article/wp-content/uploads/2016/09/Spider-Man-Homecoming-Cast-300x150.jpg 300w, http://www.traileraddict.com/article/wp-content/uploads/2016/09/Spider-Man-Homecoming-Cast-768x384.jpg 768w, http://www.traileraddict.com/article/wp-content/uploads/2016/09/Spider-Man-Homecoming-Cast-1280x640.jpg 1280w, http://www.traileraddict.com/article/wp-content/uploads/2016/09/Spider-Man-Homecoming-Cast-100x50.jpg 100w, http://www.traileraddict.com/article/wp-content/uploads/2016/09/Spider-Man-Homecoming-Cast.jpg 1500w" sizes="(min-width: 1024px) 1024px, 100vw" style="width: 1024px;"><i-amp-sizer style="display: block; padding-top: 50%;"></i-amp-sizer><img alt="Spider-Man Homecoming" class="-amp-fill-content -amp-replaced-content" src="https://cdn.traileraddict.com/article/wp-content/uploads/2016/09/Spider-Man-Homecoming-Cast-1024x512.jpg"></amp-img>
All feedback appreciated.
Cheers!
Ryan