Как подвинуть recaptcha в форме?

Question

[Ольга]

Добрый день.
Сделала форму с капчей, теперь работаю над мобильной версией, капча вылезает вот так:

Кодом задаются кнопка и капча так:

<div style="display: flex; align-items: flex-start; margin-bottom: -30px;">
        <input type="submit" name="submit" style="margin-right: 50px; padding: 0 15px 0 15px; margin-top: 10px;" class="consult-submit" id="submit" value="ОТПРАВИТЬ">
                            <div class="g-recaptcha" data-sitekey="xxxxxxx"></div>
                          </div>

Подскажите, как убрать её наверх над кнопкой?

Comments

[sergski]

В div c display: flex; добавьте flex-direction: column-reverse;

Answer 1

[Тимофей]

Добавь к Флекс контейнеру такие стили
Div {
Flex-direction: column-reverse;
}