Пример адаптивного сайдбара

В этом примере используются медиа-запросы для преобразования боковой панели в верхнюю панель навигации, когда размер экрана составляет 700 пикселей или меньше.

Мы также добавили медиа-запрос для экранов размером 400 пикселей или меньше, которые будут располагаться вертикально и центрировать навигационные ссылки.

Измените размер окна браузера, чтобы увидеть эффект

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A corporis rem repellat sequi soluta vel vitae? Id magnam numquam sequi ut voluptate? Alias aut fugit nostrum temporibus totam unde vero.