Какие основные принципы адаптивной верстки меню для сайта?

Основные принципы адаптивной вёрстки меню для сайта:

• Сокрытие меню на мобильных экранах. 1 Вместо него показывают кнопку (ссылку), при нажатии на которую меню будет показано на экране. 1 На экранах компьютеров наоборот: основное меню должно быть видно, а кнопка его вызова скрыта. 1
• Изменение отображения меню в зависимости от разрешения экрана. 4 Например, при разрешении менее 600 пикселей в ширину пункты навигации должны отображаться в два столбца, а при разрешении менее 480 пикселей — появляться дополнительная кнопка меню, по нажатию которой раскрывается вся навигация. 4
• Продуманная иерархия элементов. 5 На узком экране элементы страницы, которые на десктопе располагались по горизонтали, смещаются вниз и располагаются вертикально. 5 При этом они должны следовать друг за другом в соответствии с продуманной иерархией. 5