@Katsuro19

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

Медия запрос перестает работать после 768px , не понимаю в чем проблема , может что то пропустил или где то ошибся . Вот сайт skillbets.ru
@media (min-width: 768px) and (max-width: 991px) {
  body{
    font-size: 16px;
  }
  /* Header */
  .header{
    &-menu{
      display: block;
      text-align: center;
      &-social{
        margin: 2em 0;
      }
    }
    &-content{
      &-line{
        img{
          display: none;
        }
        p{
          margin: 0;
        }
      }
      &-btn{
        img{
          left: 53%;
        }
        p{
          left: 60%;
        }
      }
    }
  }
}
@media (min-width: 576px) and (max-width: 767px){
  body{
    font-size: 15px;
  }
  /* Header */
  .header{
    &-menu{
      display: block;
      text-align: center;
      &-social{
        margin: 2em 0;
      }
    }
    &-content{
      &-btn{
        img{
          display: none;
        }
        p{
          display: none;
        }
      }
    }
  }
}
>
Работаю с помощью Less
  • Вопрос задан
  • 374 просмотра
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Удалите (min-width: 768px)
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы