HTML/CSS | Задание 60

Здравствуйте! Вот такая проблема,сделал вроде все верно,в head прописал:

в css:

/* css Mobile */

@media only screen
and (min-device-width : 320px)
and (min-device-width : 568px) {
    .header {
        background-color: #257965;
    }
}

Но у меня все наоборот получилось,на компьютере цвет шапки сменился на #257965 (хотя должа быть в мобильной версии), а в мобильной версии остался изначальный цвет: background-color: darkslateblue;

Что не так делаю? подскажите.

html

css

1 ответов

У вас ошибка:

and (min-device-width : 568px) {

должно быть

and (max-device-width : 568px) {