Как убрать отступы во время анимации текста?

Question

[crack_user]

Вариант как должно (при наведение, текст увеличивается, но отступы между элементами списка не появляются)
(https://ilya-ozerov.github.io/krean/) -

Мой вариант(при наведение, текст также увеличивается, но только появляются отступы между элементами списка) -
(не увеличен)
(увеличен)

.header_list {
  max-height: 100%;
  position: absolute;
  top: 8%;
  RIGHT: 10%;
  display: flex;
}
.header_list li {
  color: white;
  font-size: 18px;
  font-weight: bold;
  margin-left: 35px;
  transition-duration: .3s;
}
.header_list li:hover {
  margin-bottom: 6px;
  font-size: 20px;
}

Answer 1

[Александр Варлаков]

Учитесь пользоваться панелью разработчика:


И некоторые вопросы "как" отпадут сами собой.
В данном случае используется transform: scale(1.1) и отступы убирать не нужно

Comments

[crack_user]

Пробовал, но ничего не получается.
37.230.113.210/lillego.ml/code/index.html (сайт)

[Александр Варлаков]

1.Так не надо шрифт увеличивать
Вы размер с помощью трансформации увеличиваете
2. По структуре меню замечание должно быть так ul > li > a, а не ul > a >li

[Александр Варлаков]

crack_user,
Вот ваш hover:
margin-bottom: 6px; - не надо!
font-size: 20px; - не надо!
transform: scale(1.1) если вам надо поднять на 6px перепишите на:

transform: scale(1.1) translate(0, -6px);

[crack_user]

Александр Варлаков, Благодарю

[Александр Варлаков]

crack_user, Помогло?
37.230.113.210/lillego.ml/code/index.html - а то я перезагрузил и не увидел изменений

[crack_user]

Александр Варлаков, Да, помогло