Проблемы с NavBar — наведение и интервал ⇐ CSS

[Anonymous]

В настоящее время у меня есть две проблемы с панелью навигации, над которой я работаю. Первая проблема связана с функцией наведения курсора на ссылки на панели навигации. Я намерен сделать так, чтобы подчеркивание появлялось фиолетовым цветом (#9908ff), когда пользователь наводит курсор на ссылки на панели навигации. Однако код наведения в CSS не работает должным образом.

Вторая проблема связана с выравниванием трех разделов навигационной панели. У меня логотип слева, ссылки на панели навигации посередине и кнопки справа. Проблема возникает, когда я пытаюсь добавить пространство между двумя кнопками справа, стремясь обеспечить более сбалансированное расстояние между разделами. В настоящее время кнопки справа кажутся очень тесными. Как я могу решить эту проблему?

HTML:

[*] Фейковые новости и критическое мышление

• Главная
• Текущие события
• Спорт
• Технологии
• Развлечения

CSS:

*{ маржа: 0; заполнение: 0; размер коробки: граница-коробка; } заголовок { ширина: 100%; поле сверху: 20 пикселей; фон: #0b0e16; } .logo { ширина: 200 пикселей; курсор: указатель; } .nav-контейнер { дисплей: гибкий; выровнять-элементы: по центру; оправдание-содержание: пространство между; отступ: 10 пикселей 0; } а { семейство шрифтов: «Габарито», курсив; вес шрифта: 500; размер шрифта: 13 пикселей; цвет: #fff; текстовое оформление: нет; преобразование текста: верхний регистр; } .nav-ссылки { стиль списка: нет; дисплей: гибкий; } .nav-links li { отображение: встроенный блок; поле: 20 пикселей; } .nav-links li a:hover, .nav-links li a.active { цвет: #ece0ff; } .nav-links li a:hover::after, .nav-links li a.active::after { содержание: ""; ширина: 100%; высота: 4 пикселя; фон: #9908ff; позиция: абсолютная; внизу: -4 пикселей; слева: 0 пикселей; } Заранее спасибо