Правильный синтаксис медиа запросов

Question

Когда я пишу это правило

header 
{ 
    margin-bottom: 100px; 
} 

все нормально и хорошо. Но если я оберну его в медиа-запрос, он перестает работать.

@media all and(max-width: 5000px) 
{ 
    header 
    { 
     margin-bottom: 100px; 
    } 
} 

Проблема возникает на следующем веб-сайте: link

Если вы осмотрите таблицу стилей, вы увидите кучу медиа запросов, которые не работают. Для меня это большая ошибка, поскольку они привыкли.

Answer 1

Я рассмотрел медиа-запросы в вашем CSS. Похоже, вам нужно пространство между словом «и» и открывающей скобкой.

@media only screen and() {} 

Смотрите хорошие и плохие медиа-запрос по этому JSBin демо: http://jsbin.com/ALiHAFu/1/edit