Как растянуть страницу на всю ширину экрана в "боксовом" шаблоне?

/**
 * Template Name: No Sidebar
 */

<?php
/**
 * The main template file.
 *
 * @link [url]https://codex.wordpress.org/Template_Hierarchy[/url]
 *
 * @package Strongly_Typed
 */
get_header();
?>
 
<!-- Main -->
<div id="main-wrapper">
    <div id="main" class="container">
        <div class="row">
            <?php if ( have_posts() ) : ?>
                <!-- Content -->
                <div id="content" class="8u 12u(mobile)">
                    <?php
                    while ( have_posts() ) : the_post();
                        // Подключение файла контента
                        // get_post_format() возвращает формат поста
                        // get_template_part() подключает файл контента
                        get_template_part( 'template-parts/content', get_post_format() );
                        ?>
                    <?php endwhile; ?>
                </div>
            <?php
            else :
                get_template_part( 'content', 'none' );
            endif;
            get_sidebar();
            ?>
        </div>
    </div>
</div>
<?php
get_footer();

<?php
/**
 * Template Name: No Sidebar
 *
 * Displays the Blog with Full Content Display.
 *
 */
?>
 
<?php get_header(); ?>
 
<!-- Main -->
<div id="main-wrapper">
    <div id="main" class="container">
            <?php if ( have_posts() ) : ?>
                <!-- Content -->
                <div id="content">
                    <?php
                    while ( have_posts() ) : the_post();
                        // Подключение файла контента
                        // get_post_format() возвращает формат поста
                        // get_template_part() подключает файл контента
                        get_template_part( 'template-parts/content', 'page' );
                        ?>
                    <?php endwhile; ?>
                </div>
                <?php
            endif;
            ?>
        </div>
    </div>
</div>
<?php
get_footer();

<?php
/**
 * Template Name: No Sidebar
 *
 * Displays the Blog with Full Content Display.
 *
 */
get_header();
?>
 
<!-- Main -->
<div id="main-wrapper">
    <div id="main" class="container">
        <div class="row">
            .....
        </div>
    </div>
</div>
<?php
get_footer();

#main-wrapper {
        position: relative;
        overflow: hidden;
        background: #fff;
    }
 
.container {
        margin-left: auto;
        margin-right: auto;
    }
 
.row {
        border-bottom: solid 1px transparent;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
 
#main {
        padding: 6em 0 6em 0;
}

<?php
/**
 * Template Name: No Sidebar
 *
 * Displays the Blog with Full Content Display.
 *
 */
get_header();
?>
 
<!-- Main -->
<div id="main-wrapper_2">
    <div id="main_2" class="container_2">
        <div class="row_2">
            .....
        </div>
    </div>
</div>
<?php
get_footer();

#main-wrapper_2 {
        position: relative;
        overflow: hidden;
        background: #fff;
    }
 
.container_2 {
        margin-left: auto;
        margin-right: auto;
    }
 
.row_2 {
        border-bottom: solid 1px transparent;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
 
#main_2 {
        padding: 6em 0 6em 0;
}