Ошибки при проверке в HTML Academy Фоны, часть 1 / Эффекты с повторяющимся фоном [14/16]

CSS -код

.block{
height: 70px;
margin: 30px 50px;
background-color: #3498db;
background-repeat: no-repeat;
border-radius: 5px;
box-shadow: 1px 1px 3px #999;
background-repeat: repeat-x;
}

.block1 {
background-position: -30px 30px;
background: url("/assets/course13/stitch.png");
}

.block2 {
background-position: 0 0;
background: url("/assets/course13/zigzag.png");
}

.block3 {
background-position: 0 100%;
background: url("/assets/course13/shadow.png");
}

Не могу понять, в чем причина.

Попробуйте прописать repeat-x каждому блоку отдельно.

1 лайк

Спасибо, помогло.