Почему мой загрузочный код не отвечает?

Я создаю собственную тему WordPress, и я смотрел, как мой приятель пишет код для страницы с помощью начальной загрузки. Он сделал это так, чтобы он был в центре его монитора. Я считаю, что он использует монитор 4: 3. Когда я смотрю на страницу на моем 24-дюймовом широкоформатном экране, страница не центрируется. Что я делаю не так, что страница не реагирует на экран любого размера? Это мой код для страницы:

<?php get_header(); ?>

<div class="row">

<div class="span1"></div>

<div class="span8" id="container">
<?php the_post(); ?>
<?php the_content(); ?>
</div>

<div class="span2">
<?php get_sidebar();?>
</div>

<div class="span1"></div>

</div>

<?php get_footer(); ?>

и вот код для заголовка:

<meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>;charset=<?php bloginfo('charset'); ?>" />

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />

<center>
<div class="row">
<div class="span3"></div>

<div class="span6">
<div class="logo">
<h1 id="logo-mathew">Mathew J. Mari</h1>
<h3 id="logo-attorney">Attorney At Law</h3>
</div>
</div>

<div class="span3"></div>

</div>
</center>

Я новичок в использовании начальной загрузки, так что, возможно, я использую неправильный синтаксис, чтобы он был отзывчивым или я что-то упустил? Я просто хочу, чтобы он был отзывчивым на всех мониторах, располагал его по центру и использовал расположение столбцов 1-8-2-1. Любая помощь будет принята с благодарностью.