Задать вопрос
@Alice777
html

Как решить такой баг с меню и column-count?

При ховере на PRIVACY POLICY подчеркивание переносится на вторую колонку(очень важно чтобы меню делилось именно на две колонки и единственное решение с помощью css, насколько я знаю, это именно column-count). Помогите сохранить именно такую реализацию без этот бага
https://jsfiddle.net/frLqvxys/
  • Вопрос задан
  • 226 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Добавьте для .nav-menu li:
.nav-menu li {
  display: inline-block;
  width: 100%;
}


https://jsfiddle.net/5n3318ht/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@destroer18
Начинаю изучать HTML, CSS, JS.
.nav-menu a:after {
content: '';
display: block;
width: 0;
height: 1px;
left: 0;
position: absolute;
background: #4f4f4f;
bottom: -4px;
transition: .15s linear;
margin-bottom: 4px; <--Дописать вот это
}

или изменить вот так:
.nav-menu a:after {
content: '';
display: block;
width: 0;
height: 1px;
left: 0;
position: absolute;
background: #4f4f4f;
bottom: -1px; <-- - 4 изменить на -1
transition: .15s linear;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы