Какие способы существуют для создания адаптивной шапки сайта?

Несколько способов создания адаптивной шапки сайта:

1. Использование технологии float. myrusakov.ru В HTML-разметке внутри хедера справа размещают логотип, а слева — навигационный блок со ссылками меню. myrusakov.ru Для логотипа прописывают свойство float: left, а для блока nav — float: right, чтобы развести элементы по разные стороны хедера. myrusakov.ru На ширине экрана 500 пикселей и выше отменяют обтекание float, чтобы ссылки меню встали в столбик. myrusakov.ru
2. Использование режима вёрстки Flexbox. htmlbook.ru В HTML-разметке логотип оборачивают в блок с классом wrap-logo, чтобы можно было развести логотип и меню по разные стороны. myrusakov.ru В CSS-коде включают режим Flexbox, распределяют элементы внутри шапки с помощью свойств justify-content и flex-wrap: wrap. myrusakov.ru htmlbook.ru При уменьшении экрана блок с ссылками меню переносится на новую строку и встаёт под логотипом. myrusakov.ru

Выбор способа зависит от личных предпочтений и удобства разработки.