Почему фон не растягивается до конца?

Question

[komigor]

Почему background не ростягивается до конца?

.reg
    width: 100%;
    height: 100%;
    background: $body-color url('../img/fluid_background.jpg')
    background-size: cover 

.reg_container
        //position: absolute
        display: flex
        flex-direction: column
        align-items: center
        justify-content: center
        padding-right: 15px 
        padding-left: 15px
        margin: 0px auto
        max-width: 1100px
        height: 100%

<div class=" reg">
    <div class=" reg_container_wrap">
Тут контент
</div>
</div>

Comments

[Антон Литвиненко]

а что это за кусок, или это фишка препроцессора backgroundtop?

backgroundtop: 0;
  right: 0-attachment: fixed

[komigor]

Антон Литвиненко, Ой это усталость))

[Антон Литвиненко]

komigor, тоесть проще создать тут вопрос чем проверить ошибки в 10 строчках? после исправления стало хорошо или все так же? если так же оформляйте в песочницу, потыкаем

[Ankhena]

Вероятнее всего дело в height: 100%;. Родитель закончился, значит, закончился и текущий элемент.
Т.е. сначала нужно растянуть html и body на всю высоту окна или задать минималку 100vh для body.

[tantumus21]

height: 100vh;