Как сделать так, чтобы форма обратного звонка была в нормальном положении на больших экранах?

Question

[Lord Drous]

Здравствуйте, делаю landing page,и , возникла проблема, в мобильной версии у мен все нормально отображается, а если смотреть с ноутбука или компьютера, то он вообще криво стоит. Мне нужно чтобы он стоял справа от текста, где есть свободное место. Пробовал добавить стиль:

position:relative;
top:550px;
left:320px;

и подбирать по пикселям, получилось, но уже в мобильной версии все ушло в правую сторону. Кто разбирается, подскажите как можно решить данную проблему?
вид на ноутбуке

вид на мобильном

Answer 1

[Руслан Полин]

Например использовать медиа запросы, не?
jsfiddle

Answer 2

[Павел Паршиков]

Самое простое решение подсказали выше. media.
Если есть желание поколхозить, можно через display: inline-block.
Или лучше flex или inline-flex.