0
0

не получается зделать белый и черный фон, вроде все правильно в sass но фон не менется. Код прилагаю 

код SASS 

.choice
  position: relative
  min-height: 895px
  padding: 57px 0 138px 0
  background: url('../img/mobile_app.png') center (center / cover) no-repeat
  &_img
    position: relative
    display: block
    margin: 56px auto 0 auto
    z-index: 2
  &_descr 
    text-align: center
    color: #222222
    font-size: 17px
    font-weight: 300
    line-height: 24px
  .black
    position: absolute
    top: 0
    left: 0
    height: 499px
    width: 100%
    background-color: #070716
    z-index: 1    

код html: 

 <secttion class="choice">
        <div class="container">
            <div class="black"></div>
            <div class="label label_white">Возможности</div>
            <h2 class="title title_white">Выбор - отличная штука!</h2>
            <div class="subtitle subtitle_white">Закажите автомобиль, который подходит вам по стилю и бюджету</div>
            <img src="/img/car.png" alt="uber car" class="choice_img">
            <div class="choice_descr">
                Машины на каждый день. <br>
                Лучше, быстрее и дешевле, чем такси
            </div>
        </div>
    </secttion>

помогите пожалуйста


student_I2JB7VXG
3 years ago






может "secttion" надо на "section" поправить

Pavel Hramov
3 years ago

Я предполагаю идет речь о фоне текста возможности.

<section class="choice">
        <div class="container">
            <div class="label choice_text_black">Возможности</div>
            <div class="title choice_text_white">Выбор - отличная штука!</div>
            <div class="subtitle choice_text_white">Закажите автомобиль, который подходит вам по стилю и бюджету</div>
            <div class="choice_car">
                <img src="img/car.png" alt="автомобиль">
            </div>
            <div class="choice_under">Машины на каждый день. <br> Лучше, быстрее и дешевле, чем такси</div>
        </div>
    </section>

.choice
  height: 580px
  padding: 36px
  background: #070716

  &_text_black
    background: #fff
    color: #000
  &_text_white
    color: white

  &_car
    display: block
    width: 759px
    height: 347px
    margin: 0 auto
    margin-top: 55px
  &_under
    text-align: center
    padding: 120px 0 100px 0
    font-size: 17px
    color: #222222

Вклассе label задается цвет фона и текста, а затем в классе &_text_black цвета переопределяются.

Борис
3 years ago

2 ответов