Сейчас узнаем, какой подарок выпадет именно Вам

Крутите колесо

Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом

100

#2470a1

Как в форме BF204N расположить поля в две колонки в Tilda

Qlean

8 (495) 54-54-519

ЗВОНИТЕ

55 000

РУБ/МЕС

Ищем специалистов по уборке в Москве и области

Оставьте заявку и станьте на шаг ближе к стабильному заработку

Как в форме стандартного блока расположить поля в две колонки в Tilda

Создали блок BF204N и задали ему класс uc-twocolumns-form

Добавили код в блок Другое - Т123

Библиотека для примера


<style>
.uc-twocolumns-form .t-form__inputsbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}
.uc-twocolumns-form .t-input-title {
    height: auto;
}
.uc-twocolumns-form .t-form__errorbox-middle {
    grid-column: 1 / 3;
}
.uc-twocolumns-form .t-form__submit {
    grid-column: 1 / 3;
    margin-top: -20px;
    text-align: left;
}
.uc-twocolumns-form button.t-submit {
    width: 100%;
}
@media screen and (max-width:640px){
.uc-twocolumns-form .t-form__inputsbox {
    display: block;

} 
.uc-twocolumns-form .t-form__submit {
    margin-top: 20px;
}
}
</style>