Как сохранять масштаб при вёрстке?

перевожу пиксели в em или rem в зависимости от ситуации. Тут вот ещё что выяснилось. Сетка 1250px в бутстрапе же максимум 1170. Теперь я в край запутался, что делать

Как скрыть часть элемента внутри блока?

Заработало. Оказывается нужно было применить правило родительскому классу, а не элементу.

Как скрыть часть элемента внутри блока?

Такой способ не работает. Я уже написал об этом выше.

Как спозиционировать фон в bootstrap4?

Артём Артёмов, пхах, точно! У рисунка была прозрачная полоска сверху :D

Как спозиционировать фон в bootstrap4?

Артём Артёмов, cover не помог. Мне нужно избавиться от этой полоски. Значения, которые я прописал могут быть неправильными, потому прошу рассматривать проблему в корне. Не опираясь на мой код.

Как спозиционировать фон в bootstrap4?

При уменьшении высоты, независимо от значения, эта полоска всё равно остается. А если применить стили описанные вами, то фон и вовсе исчезает, потому что блок пустой и не задана высота.

Как выравнять элемент по центру по поперечной оси при наведении (flexbox)?

Максим Ленский: я убрал высоту, посмотрите мой первый комментарий на ваш ответ

Как выравнять элемент по центру по поперечной оси при наведении (flexbox)?

Сделал высоту падингами. Спасибо.
Оставляю исходный код, пригодится начинающим, вроде меня

CSS-код

/* Menu Styles */
.menu {
display: flex;
background: #313030;
justify-content: space-around;
}

ul {
display: flex;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}

li {
text-transform: uppercase;
padding: 4vh;
padding-bottom: 5vh;
}

li:hover {
background: #ff3f40;
}

a {
color: #e0e0e0;
}

a:hover {
text-decoration: none;
color: #e0e0e0;
}

Результат: