Задать вопрос
@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
  • Вопрос задан
  • 380 просмотров
Подписаться 1 Простой 8 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Удалите (min-width: 768px)
Ответ написан
Ваш ответ на вопрос

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

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