css - skeleton-css-boilerplate を使用すると、h1 要素と h2 要素がセクションの後ろに隠れてしまう

Question

スケルトンCSSを使うのはこれが初めてです。ヘッダー要素とセクション要素があります。ヘッダー要素には、h1 要素と h2 要素が含まれます。私のセクションには、flexslider を使用したスライダーがあります。ブラウザのサイズを変更しようとすると、スライダーがヘッダーと一緒に折りたたまれ、ヘッダーの下部が非表示になります。

<header class="sixteen columns">
<h1>Infinite Jest Online Judge</h1>
<h2>"This is for everyone" - Sir Tim Berners Lee</h2>

<section class="ten columns slider">
        <div class="flexslider">
            <ul class="slides">
                <li>
                    <img src="<?php echo base_url();?>images/pic-1.jpg">
                </li>
                <li>
                    <img src="<?php echo base_url();?>images/pic-2.jpg">
                </li>
            </ul>
        </div>
    </section>

これが私のヘッダーとセクションのコードです