Не работают медиазапросы, как исправить?
1
В данный момент только изучаю первый курс html и css. Добрался до урока, где изучаются медиазапросы. в моем варианте вроде все написано как положено, уже сто раз перепроверил, но в режиме разработчика никак не хочет срабатывать медиазапрос... в начале страницы как и положено поместил мета тег <meta name="viewport" content="width=device-width, initial-scale=1.0">
в конце файла css вписал код, как в уроке
@media only screen
and (min-device-widht : 320px)
and (max-device-widht : 568px ) {
.header {
background-color: #257965;
}
}в режиме разработчика в хроме данный код виден, но по факту он не срабатывает.