Cannot make page-bottom width 100%

Question

I am trying to set width of page-bottom to be 100% but unfortunately I am still unable to make it 100%.

what I really want to have is:

Here is my default.xml

<referenceContainer name="page.bottom.container">
    <block class="Senheng\Def\Block\Html\Subscribe"
        name="senheng.page.buttom"
        template="Senheng_Default::html/subscribe.phtml"/>
</referenceContainer>

My subscribe.phtml

<div style="width:100%; padding:15px;">

    <img src="<?php echo $block->getViewFileUrl('images/send.png');?>" style="float:left" />

    <p>Be the first to find about exclusive offers & get 10% off your first purchase</p>

</div>

What can I do to make that element width (page-bottom) become 100%.

Any help would be appreciated.

Answer 1

In your code, for .page-bottom , max-width:1280px; is set. If you set max-width:100%, your footer will occupy entire width