Как сделать резиновый див по высоте?

Question

[Николай Романов]

Делаю контактную форму. Как задать резиновую высоту первого дива, на данный момент, на большом экране 1 и 2 поле в 1 строку, на мобильном они переходят в 2. Соответственно поля не влезают в див 1.

<div class="cfg">
<div class="cf">[text* text-703 placeholder "Фамилия Имя Отчество"]</div>
<div class="cf">[tel* tel-533 placeholder "Телефон"]</div>
<div class="cfb">[submit "Отправить"]</div>
</div>

.cfg {
    padding: 0px 20px;
    box-shadow: 0 3px 7px 0px rgba(0, 0, 0, .5);
    width: 80%;
    margin: auto;
    background-color: #fff;
    display: block;
    z-index: 99999;
    height: 180px;
}

.cf {
    width: 200px;
    padding: 10px 8px;
    float: left;
    display: block;
}

Answer 1

[Николай Романов]

Решил проблему
display: flex;
height: 100%;

.cfg {
    padding: 0px 20px;
    box-shadow: 0 3px 7px 0px rgba(0, 0, 0, .5);
    width: 80%;
    margin: auto;
    background-color: #fff;
display: flex;
height: 100%;
}