прописываю в media padding 0 для элемента li, ничего не происходит почему ?
остальные свойства работают, к сылке тоже пытаюсь изменить размер шрифта, не меняется...
посмотрел через конструктор свойство которое в media перечеркнуто
<nav class="header-top__navigation">
<ul class="header-top__navigation__ul">
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Наши услуги</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
nav{
justify-self:end;
.header-top__navigation__ul{
list-style: none;
position: relative;
li{
display: inline-grid;
letter-spacing: 1.5px;
padding:17px 20px;
transition: left .4s, background-color .4s;
a{
margin:0;
padding:0;
color:#fff;
font-size: 1.1em;
text-decoration: none;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
}
}
@media only screen and (max-width: 1200px){
.header-top__navigation__ul li{
padding:0;
}
}
