Не получается добавить изображение через SCSS,что я сделал неправильно?

Не получается через SCSS добавить изображение , хотя через SASS все работает

Что мне нужно :
62fac8bb9ce70052555406.png

Что в итоге:

62fac8e456b58052290145.png

Сам код :

SCSS
.mobile {
    min-height: 864px;
    padding: 48px 0 80px 0;
    background: url('../img/bkgsecmobile.png') center (center / cover) no-repeat;
    &_item {
        width: 320px;
        height: 280px;
        margin: 0 auto;
        &_1 {
            background: url('../img/bkgsecmobile.png') center (center / cover) no-repeat;
        }

    }
}


HTML
<section class="mobile">
    <div class="container">
        <div class="label">Возможности</div>
        <div class="title">мобильное приложение убер</div>
        <div class="subtitle">Сделайте заказ, совершите поездку и оплатите ее стоимость, используя свой мобильный телефон</div>

        <div class="row">
            <div class="col-md-4">
                <div class="mobile_item mobile_item_1">
                    <div class="mobile_item_subtitle">оформление заказа одним касанием</div>
                    <div class="mobile_item_plus"><img src="/img/plus.png" alt=""></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="mobile_item mobile_item_2">
                    <div class="mobile_item_subtitle">надежная подача</div>
                    <div class="mobile_item_plus"><img src="/img/plus.png" alt=""></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="mobile_item mobile_item_3">
                    <div class="mobile_item_subtitle">прозрачные цены</div>
                    <div class="mobile_item_plus"><img src="/img/plus.png" alt=""></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="mobile_item mobile_item_4">
                    <div class="mobile_item_subtitle">безналичная оплата</div>
                    <div class="mobile_item_plus"><img src="/img/plus.png" alt=""></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="mobile_item mobile_item_5">
                    <div class="mobile_item_subtitle">обратная связь</div>
                    <div class="mobile_item_plus"><img src="/img/plus.png" alt=""></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="mobile_item mobile_item_6">
                    <div class="mobile_item_subtitle">разделить
                        стоимость поездки</div>
                    <div class="mobile_item_plus"><img src="/img/plus.png" alt=""></div>
                </div>
            </div>
        </div>
    </div>
</section>


Тот же случай только через SACC , тут всё работает :

SACC
62faca3256350573964050.png

Итог
62faca54cd038195088487.png

Спасибо!
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ответы на вопрос 2
@kalatushki
У вас неправильное значение у background (лишние скобки)
Должно быть
background: url('../img/bkgsecmobile.png') center center / cover no-repeat;
Ответ написан
Комментировать
Virall
@Virall
А почему у вас URL в background различается в SASS и SCSS?
SASS: ../ims/bg/bkgsecmobile.png
SCSS: ../ims/bkgsecmobile.png
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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