Неверное отображение в мобильном браузере

[_PROGRAMM_]

Все хорошо? А текст

заказывая разработку landing page,
дизайн которого заточен под ваш бизнес,
вы получаете от 5% до 40% конверсии

Где третья строка? У меня в firefox ее нет. Я попробовал исследовать элементы в firefox и ужаснулся...

<div id="general" style="width: 1200px; height: 3820px; top: 0px; z-index: 1;" class="auto-style2">

Что если убрать width и height?

<div id="general" style="top: 0px; z-index: 1;" class="auto-style2">

[Green4el]

Сообщение от _PROGRAMM_

Все хорошо? А текст
Где третья строка? У меня в firefox ее нет. Я попробовал исследовать элементы в firefox и ужаснулся...

<div id="general" style="width: 1200px; height: 3820px; top: 0px; z-index: 1;" class="auto-style2">

Что если убрать width и height?

<div id="general" style="top: 0px; z-index: 1;" class="auto-style2">

Ничего не происходит, страница по центру остается на настольном браузере

[grominfo]

В этой строке

position: absolute; width: 100%; height: 3820px; top: 0px; z-index: 1;

Всё ненужное. Вы задаёте абсолютное позиционирование блоку, который итак растянут на всю ширину, плюс у него итак по умолчанию ширина 100%. Статическая высота я вообще не пойму зачем нужна в главном контейнере.

Достаточно

в CSS

.auto-style2 { 
font-family: "Georgia";
margin-left: auto;
margin-right: auto;
}

в HTML

<div id="general" class="auto-style2">

id="general" у меня под сомнением. Стили к нему не привязаны. Если вы не используете этот идентификатор в JS, то и его можно убрать. Привыкайте к использованию только нужного кода, и тогда вам будет легче найти ошибки. Да и само количество ошибок снизится в разы.

[grominfo]

А лучше вообще вот так:

#general{ 
font-family: "Georgia";
margin-left: auto;
margin-right: auto;
}

<div id="general">