Вёрстка для мобильного приложения

Требуется аудит / рефакторинг / переработка вёрстки для мобильного приложения.

Только портретная ориентация. Css для переделки прикреплён.

Примерный план работы:

1) Разбить на два файла существующий css. Отдельно iOS и android;

2) Сейчас используются сплошные плашки графики. Надо нарезать на два мелких составных элемента, из которых составлять плашки;

3) Перегруппировка css. Для двух пар разрешений (720х1280_800х1280 и 320х480_480х800) используются одинаковые размеры плашек. Надо объединить эти разрешения в css вида @media screen and (max-width:800px) and (max-width:720px) и т.п.

Папки

\assets\img\android\320_480\

и

\assets\img\android\480_800\

Содержат нарезку элементов одинакового размера. Надо оставить одну папку, например 480, и сделать для неё @media screen. Обращение к этой папке происходит во всех случаях, кода ширина экрана

Папки

\assets\img\android\720_1280\

и

\assets\img\android\800_1280\

Содержат нарезку элементов одинакового размера. Надо оставить одну папку, например 800, и сделать для неё @media screen. Обращение к этой папке происходит во всех случаях, кода ширина экрана >480 и

Если ширина экрана >800 css обращается к папке 1080_1920

4) Тестирование и устранение багов вёрстки (как существующих, так и появившихся).

Тестирование и работа на моём хостинге или Вашем. Желательно знание js для следующего этапа работы.

Тестирование только в браузерах chrome и safari. Либо заходить с мобильных устройств. Располагаю собственными устройствами для тестирования. Высылаю скриншоты с аннотациями