Пожалуйста, помогите мне исправить эти проблемы в CSS (без JS).Я учусь и не могу найти ответы на некоторые проблемы с навигацией.Пожалуйста, не вините меня:)
Я создал навигацию и первый экран для сайта, но наткнулся на эти вопросы.Вот скриншот со всеми вещами: https://prnt.sc/ln3ytx и моя ручка на Codepen: https://codepen.io/a007mr/pen/mQKyYM
Как сделать, чтобы фон зависал для всей линии?Мой код .menu-item ul a:hover {color: #000000; background: #d2d4d6;, но он не работает так же хорошо.Как сделать так: https://prnt.sc/ln3mvm
Когда я открываю выпадающее меню, часть навигации переходит вправо.Как избежать этого скачка?
Как сделать навигационную кнопку в углу для любого размера рабочего стола?Я использую margin: 15px;, но он не работает, когда я сделаю большее разрешение экрана.Это не отзывчиво.Кнопка не будет в правом углу, если я выберу большой рабочий стол.
Та же проблема со всей навигацией.Как сделать положение для навигации в одном месте для любого размера рабочего стола?
Как открыть раскрывающийся список с помощью щелчка (не при наведении курсора), а скрыть раскрывающееся меню только с помощью щелчка мышью?Мой код li:hover > ul.Если я включу li:active > ul, то раскрывающееся меню появляется только тогда, когда я удерживаю кнопку.Как сделать, как * нажмите кнопку -> мы показываем выпадающее меню и можем выбрать что-то -> * другой нажмите «Узнать больше» и меню скрыто.
Как сделать маржуниже основной кнопки?:) Я написал margin-top: 20px; но он не работает.
Как сделать фон всей навигации без полей?
Что такоенеправильно?Как я могу это исправить?Пожалуйста, помогите.