Правка верстки: мобільний вигляд, зсунуті блоки, шрифти

Сайт, зібраний на великому моніторі, у телефоні часто виглядає зовсім інакше: картки виїжджають із сітки, заголовок налазить на зображення, один-єдиний завеликий елемент тягне вбік усю сторінку, а кнопку доводиться ловити пальцем із третього разу. Я розбираю таку сторінку і збираю її назад — відкриваю на справжніх контрольних ширинах, у кількох браузерах і на живому телефоні, а не у звуженому вікні настільного, знаходжу, що саме розпирає верстку, і прибираю причину, а не ховаю її за обрізанням переповнення.

Обсяг роботи здебільшого той самий. Відступи й кеглі зводжу до єдиної шкали, щоб заголовки, текст і проміжки перестали бути набором випадкових чисел. Шрифти дивлюся не лише за накресленням, а й за способом під'єднання: гарнітура, що приїхала із запізненням, перемальовує сторінку і зсуває те, до чого читач уже потягнувся. Зображенням повертаю задані розміри, щоб під час завантаження нічого не стрибало. Форми та кнопки отримують зони натискання під палець, без розтягування двома пальцями. Потрібна темна тема — роблю її тим самим заходом.

Завершую перевіркою, а не словом «готово»: той самий обхід, що був на початку, плюс повільне з'єднання — на швидкому інтернеті добра половина огріхів просто не встигає проявитися.

— правки роблю копією теми або окремим файлом стилів — оригінал лишається недоторканим, інакше оновлення рушія зітре роботу;
— контраст тексту перевіряю за нормами доступності, а не на око;
— якщо проблема в самій структурі сторінки, чесно кажу, що це переробка, а не правка, і не латаю милицями;
— наприкінці віддаю короткий перелік: що і де змінилося, щоб наступна людина могла продовжити.