@kobeleva
Графический дизайнер. начинающий верстальщик сайта

Почему не работает @media?

Всем привет. У меня не работает @media. Поставила в CSS в самый конец, написала в корне . Вроде всё сделала, а он выдает в styles жёлтый треугольник с знаком (!) и вот такую фразу Unknown property nome. Что мне сделать чтобы всё заработало.

/* Media
======================*/

/* Intro*/
    
   @media all and (max-width: 1200px) {
       
       .intro__subtitle {
           font-size: 8px; 
        
        }
    }
    

<!-- Intro -->
 <div class="intro" id="Intro">
     <div class="container">
         <div class="intro__inner">
           <div class="intro__onas"></div>
           <h2 class="intro__subtitle">ТЕКСТ ТЕКСТ</h2>
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ответы на вопрос 3
@Lord_Dantes
Вставьте это
<meta name="viewport" content="width=device-width, initial-scale=1">

между тэгами <head> </head>

И медиа:
@media screen and (max-width: 1200px){
//
}
Ответ написан
Комментировать
@Lynatik001
@media (max-width: 12450px) { ... }
а так же есл не сработает, то медиазапрос передвинуть в самый верх
Ответ написан
Комментировать
Raxen
@Raxen
TechLead Frontend Developer, Beeline
Может не хватает тэга style?
<style>
/* Media
======================*/

/* Intro*/
    
   @media all and (max-width: 1200px) {
       
       .intro__subtitle {
           font-size: 8px; 
        
        }
    }
</style>

<!-- Intro -->
 <div class="intro" id="Intro">
     <div class="container">
         <div class="intro__inner">
           <div class="intro__onas"></div>
           <h2 class="intro__subtitle">ТЕКСТ ТЕКСТ</h2>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы