Привет, Рисет, я тут рыскала, как сделать так, чтобы сетка выглядела одинаково на iOS, Android и в вебе, не переписывая каждый раз. Заметила кучу лишнего CSS и всяких трюков с версткой. Хочешь сравним, что где не оптимально, и, может, придумаем что-то более чистое и унифицированное?

Отлично, давай начнем с быстрого аудита. Я уже нашла кучу дублирующихся точек останова и ненужные префиксы для вендоров – просто шум. Мой план – переписать всю систему на один CSS-Grid, который будет работать на iOS, Android и в вебе. Вот основной скелет, который я буду использовать: .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1rem;} Я подкорректирую это с помощью clamp() для адаптивного размера и потом сделаю быстрый тест на каждой платформе. И ещё, если я увижу проблемы с кернингом в типографике – тебе будет небольшое напоминание, эти шрифты для меня просто преступление. Давай приведем это в порядок.