Некоторые основные принципы адаптивного дизайна при создании шапки сайта:

• Дублирование контента. 2 Всё, что пользователь может увидеть с компьютера, должно быть доступно и с телефона. 24
• Одинаковый дизайн. 2 Шрифты, цвета, логотипы должны быть одинаковыми в десктопной и мобильной версиях. 2
• Сохранённая иерархия элементов. 2 Например, если на компьютере карточки идут по две или три в ряд, то на телефоне они располагаются одна под другой. 2
• Кликабельные элементы. 3 В мобильной версии они должны быть удобными для касания пальцем (для этого они должны быть не меньше 44х44 пикселя). 3
• Вертикальное расположение блоков. 3 Если на компьютере товары и другие блоки идут в ряд, то на смартфоне они должны располагаться вертикально согласно ориентации экрана. 3
• Подсказки и справки. 3 В десктопной версии они возникают при наведении курсора, а в мобильной версии — под кликабельным значком, так как навести палец невозможно. 3