61 урок, почему у меня медиа файлы не задаются?

когда вставляю медиафайл в просмотре на телефонах он не работает

@media only screen
and (min-device-widht : 320px)
and (max-device-widht : 568px) {

.header {
background-color: white;
}

}

что я сделал не так??

html

css

что я сделал не так??

Слово width на английском языке так пишется: width, а не как вы написали: min-device-widht, вот поэтому, из-за этой опечатки не работает.