Добрый день всем!
Помогите разобраться с сеткой в 4 разделе финального испытания
По стилизации и разметке все проходит, но по сетке не пойму в чем дело
HTML
<div class="history">
<div class="container">
<h2> Немного истории </h2>
<div class="history_history">
<dl>
<div class="history_container ">
<dt class="history_title">
Происхождение кваса
<i class="source">Источник: <a href="https://ru.wikipedia.org">ru.wikipedia.org</a></i>
</dt>
<dd>
<img src="img/wiki-1.png">
<p class="history_info">Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
</dd>
</div>
<div class="history_container">
<dt class="history_title">
Классификация кваса
<i class="source">Источник: <a href="https://ru.wikipedia.org">ru.wikipedia.org</a></i>
</dt>
<dd >
<img src="img/wiki-2.png">
<p class="history_info">По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
</dd>
</div>
</dl>
</div>
</div>
</div>
CSS
.history{
padding-top: 95px;
padding-bottom: 80px;
margin: 0;
}
.history h2{
text-transform: uppercase;
font-size: 40px;
font-weight:bold;
margin: 0;
margin-bottom: 75px;
}
.history dl{
margin: 0;
padding: 0;
}
.history_title {
float: left;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.history dt{
margin: 0;
margin-bottom: 18px;
}
.source{
font-size: 16px;
font-weight: 100;
text-transform: none;
font-style: italic;
padding: 0;
padding-left: 335px;
}
.source a{
color: #834700;
}
.history .history_info{
float: left;
margin: 0;
padding: 0;
width: 485px;
color: #404040;
}
.history dd{
margin: 0;
position: relative;
min-height: 125px;
}
.history dd img{
position: absolute;
top: 60px;
right: 0;
}
.history_container:first-child{
padding-bottom: 105px;
}