How to get a container to span the full area of a custom page?

Bump - my code is bound to the dimensions of what is allowed for a full length widget. Any ideas on using the full page?

What style/code did you discover and change @JZenker ?

It was .mdl-wrapper that was controlling the widget width, so I did:

#doc-page-575 .mdl-wrapper{
  width: 100% !important;
  height: 100%;
  max-width: none !important;
  padding: 0;

}

I added #doc-page-575 because I only wanted full width on that page for now

I use this quite frequently now to achieve full-width designs. However, has anyone been able to incorporate a channel or catalogue and centre them on a page (with appropriate padding/margins) whilst retaining full-width widgets elsewhere? My understanding is that you can’t specify what widgets to make full-width (it’s all or nothing). Therefore, any channels or catalogues are also full-width and positioned right to the edge of the page and look odd.

Thanks ​@JZenker 

After a bit of playing around, I’ve managed to achieve this using the following tags (insert your own “#doc-widget ID” by inspecting the widget once the page has been added to a menu and is visible):

/* This will control the positioning of the cards/assets within a channel */

#doc-widget-5496 .channels-content-wrapper {
    max-width: 1600px;
    margin: 30 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

/* This will control the positioning of the filter and search bar above the channel */

#doc-widget-5496 .ui-data-browser-wrapper {
    max-width: 1600px;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}