0

Написал разметку страницы, сделал для неё стили, начал адаптировать и медиазапросы не срабатывают. Не понимаю в чём дело, буду очень благодарен, если ответите что тут не так

@media screen and (max-width: 768px) {
    .header__menu {
        display: none;
    }

    .promo__info {
        width: 100%;
    }

    .promo__list {
        margin: 50px 0 50px 0;
    }

    .category__items {
        grid-template-columns: repeat(2, 6fr);
    }

    .price__items {
        grid-template-columns: repeat(2, 6fr);
    }

    .questions__items {
        flex-flow: column wrap;
    }

    .questions__item {
        max-width: 100%;
    }
}

@media screen and (max-width: 488px) {
    .container {
        width: 90%;
    }

    .title {
        font-size: 32px;
        line-height: 40px;
    }

    .category__items {
        grid-template-columns: repeat(1, 12fr);
    }

    .price__items {
        grid-template-columns: repeat(1, 12fr);
    }

    .price__item:hover {
        transform: scale(1.05);
    }

    .questions__wrapper {
        width: 95%;
    }

    .questions__subtitle {
        margin-bottom: 4rem;
    }

    .questions__item::before {
        width: 30px;
        height: 30px;
        top: -40px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .questions__item:not(:last-child) {
        margin-bottom: 4rem;
    }

    .questions__name {
        text-align: center;
    }
}

5

1 ответ 1

1

в head добавь

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Ваш ответ

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

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