Нужна ваша помощь с кодом. У меня есть меню. Я задаю для каждого элемента меню ширину и делаю между ними отступы. Мне нужно чтобы при приведении элемент меню заполнялся цветом с отступлением, типа как на картинке. Я использую свойство: width: calc(100% + 20px);
, но это не работает. Что я делаю не так ли? Спасибо
.logo_and_menu nav div {
width: calc(100% + 20px);
text-align: center;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
.logo_and_menu nav div:hover {
width: calc(100% + 20px);
background-color: #F2F3F5;
}
<div class="logo_and_menu">
<img src="/assets/images/Canva.png">
<nav>
<div><a>Home</a></div>
<div><a>Design</a></div>
<div><a>Templates</a></div>
<div><a>Features</a></div>
<div><a>Learn</a></div>
<div><a>Plans</a></div>
</nav>