Первая робота проблема с контейнерами

[Роман Орос]

 Section - about получился в 0px высотой а все его вложения перенеслись в section catalog пожалуйста скажите посоветуйте как исправить. Первая моя робота, зарание спасибо:)

<section class="about">

        <div class="conteiner">

            <div class="galery">

                <img class="galeru-img" src="img/Frame 10.png" alt="">

            </div>

            <div class="about-txt">

                <H2>Насладись идеальным кофе у себя дома</H2>

                <p class="about-txt1" >

                    STARBUCKS® HOUSE BLEND из отборных кофейных зёрен из Латинской Америки, обжаренных до темно-коричневого цвета. Сочетание насыщенного аромата и вкуса орехов и какао-бобов с едва заметными сладкими нотками. Этот кофе — начало Starbucks®, наш самый первый бленд 1971 года.

                </p>

            </div>

        </div>

    </section>

    <section class="catalog">

        <div class="conteiner">

            <div class="catalog-img">

                <a href="#">

                    <img src="img/starbucks1.png" alt="">

                </a>

                <a href="">

                    <img src="img/starbucks2.png" alt="">

                </a>

                <a href="">

                    <img src="img/starbucks3.png" alt="">

                </a>

 

            </div>

        </div>

    </section>

 

 

.galery{

    width: 633px;

    margin-right: auto;

    float: left;

}

.about{

    margin-top: 120px;

}

.about-txt{

    width: 448px;

    margin-left: auto;

    float: right;

    margin-top: 180px;

 

}

h2{

    font-size: 24px;

    color: #00492B;

}

.about-txt1{

    font-size: 18px;

    color: #00492B;

    margin-top: 23px;

}

.catalog{

    margin-top: 120px;

}

 

 

[npofopr]

Почитайте про float и cleafix. 

А именно, зачем нужен clearfix. 

[Роман Орос]

Спасибо)