Мобильная версияIMS Имя приложения Мой CSS:
.wrapper {display: flex;} .sidebar {минимальная высота: 100vh; ширина: 80 пикселей; выравнивание текста: по центру; отступ: 0 1rem;} .sidebar:hover {ширина: 200 пикселей;переход: .25 с;} .sidebar .sidebar-heading {padding: 0.8rem 0;font-size: 1.4rem;font-family: «Lucida Console», «Courier New», моноширинный;} .sidebar-nav {padding: 0; позиция: относительная; стиль списка: нет;} .sidebar-nav li {padding: 1rem;margin: 2px 0;border-radius: 10px;transition: все 0,5 секунды с легкостью выхода;} .sidebar-nav li:hover, .active {background: #e0e0e058;} .sidebar-nav li a {text-decoration: none;display: flex;gap: 10px;color: #FFFFFF;} .sidebar-nav li a span {переполнение: скрыто;} Это создает подобную проблему для flex [изображение ниже]
Ширина навигационной панели ограничена оболочкой основного контента. Мой код, обертывающий основной контент. Но мне нужна верхняя панель навигации на всю ширину. Пожалуйста, помогите.
