0

Первая @media работает как положено, а последующие нет. В чем проблема ?

@media  (max-width: 991px) {

    /* Nav */
    .nav {
        display: none;
    }

    /* Burger */
    .burger {
        display: block;
    }

    /* Intro */
    .intro__title {
        font-size: 40px;
    }

    /*Features*/
    .features__item {
        width: 50%;
    }

}


@media (max-width: 767px) {

    /* Intro */
    .intro {
        height: auto;
        padding-top: 130px;
        padding-bottom: 30px;
    }

    .intro__title {
        font-size: 30px;
    }

    .intro__subtitle {
        margin-bottom: 30px;

        font-size: 16px;
    }

}

@media (max-width: 425px) {

     /*Features*/
    .features__item {
        width: 100%;
    }
}
0

1 ответ 1

0

Попробуй @media(min:width) and (max:width)

1
  • Я решил проблему. Ошибка была <meta neNe="viewport" content="width=device-width, initial-scale=1"> но при этом min:width работал криво но работал. 2 мая 2020 в 9:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.