JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser.

844-733-3740 Call or Text Us

Toggle Nav

Search

Compare Products

Currency

Home
Full Bleed Example Page

Full Bleed Example Page

This element is full width

.full-bleed {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

This element is not full width

Any class but ".full-bleed":
    max-width: 1080px;
    padding: 0 42px;

This is a 50% column, which becomes 100% width <=700px.

.width-50 {
    width: 50%;
    float: left;
    padding: 14px;
}

This is a 50% column, which becomes 100% width <=700px.

.width-50 {
    width: 50%;
    float: left;
    padding: 14px;
}

Note: you may need to wrap these "width-50" elements in a containing div to have them render properly on resolutions >1080px.