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

Question

[McMike]

Есть работающий проект со страницей регистрации, на ней форма. Клиент хочет, чтобы на этой странице на мобилках выравнивание шло по левому краю, а не по центру.
Как это реализовать?

Comments

[Максим Попов]

Какой код использовался для генерации формы?

Answer 1

[iBird Rose]

@media (max-width: 767px) {
    .твоя_форма {text-align: left;}
}

Answer 2

[Егор Живагин]

CSS

@media (max-width: 666px) {
// меняете выравнивание
}

Всмысле, как реализовать? Так же как по центру, только по левому краю)) Смотря чем делалось выравнивание

Comments

[McMike]

И какой размер нынче правильно указывать?

[Анатолий]

McMike: можно попробовать использовать device.js

[Егор Живагин]

McMike: тк, какой вам нужен, такой и указываете. Bootstrap, например, для мобилок 767 использует. Если на нём у вас всё нормально, у заказчика претензий нет - ставьте какой угодно ниже. Минимально - 320px чаще всего