Источник: Nuances of Programming Предлагаю пошаговое руководство по создания отзывчивого сайдбара (боковой панели). Этот графический элемент можно использовать для навигации в любых веб-проектах. Уверен, что существует миллион различных способов создания боковой панели, но я выбрал именно этот. Все шаги руководства будут доступны каждому, кто обладает базовыми знаниями в области HTML, CSS и JavaScript. Замечу, что изначально этот сайдбар создавался для использования на дашборде/CMS, поскольку он позволяет добавить множество опций меню...

Класс aside в CSS используется для стилизации блоков контента, которые являются дополнительными по отношению к основному содержанию страницы. Это могут быть боковые панели, информационные блоки, цитаты, или другие элементы, которые не являются центральной частью контента, но дополняют его. 1. Боковая панель: HTML <main> </main> <aside> <h2>Дополнительная информация</h2> <ul> <li>Ссылка 1</li> <li>Ссылка 2</li> </ul> </aside> 2. Информационный блок: HTML <article> <h2>Заголовок статьи</h2> <p>Текст статьи...</p> <aside> <p><strong>Примечание:</strong> Эта информация может быть полезна для понимания темы...