Не получается задание Социальные кнопки, шаг 3

Курсы §14. Мастерская: декоративные элементы
1

Ни один пункт задания не выполнен. Все красное. Что я сделал не так? :rage:

.social {
background-image: url("/assets/course14/social.png");
background-repeat: no-repeat;
display: inline-block;
width: 40px;
height: 40px;
background: #bdc3c7;
margin-right: 10px;
vertical-align: middle;
}

.social-vk {
background-color: #6d8fb3;
background-position: 0 0;
}

.social-fb {
background-color: #526da3;
background-position: -40 0;
}

.social-tw {
background-color: #73bfe6;
background-position: -80 0;
}

2

Посмотрите на этот фрагмент:
.social {
background-image: url("/assets/course14/social.png");
background-repeat: no-repeat;
display: inline-block;
width: 40px;
height: 40px;
background: #bdc3c7;
margin-right: 10px;
vertical-align: middle;
}
Здесь присутствует комбинированное свойство background со значением фонового цвета.
Если вы пишите все отдельно, то надо писать здесь background-color.
Не забывайте указывать единицу измерения для координат у background-position - px.

1 лайк
3

Такая же ситуация, в чем подвох?
body {
margin: 0;
padding: 0;
font-family: “PT Sans”, sans-serif;
font-size: 14px;
}

.share {
width: 270px;
margin: 0 auto;
margin-top: 120px;
padding: 10px;
padding-left: 20px;
background: #ecf0f1;
}

.share b {
margin-right: 15px;
color: #7f8c8d;
font-weight: normal;
text-transform: uppercase;
}

.social {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 10px;
vertical-align: middle;
background-image: url("/assets/course14/social.png");
background-repeat:no-repeat;
background-color: #bdc3c7;
}

.social-vk {
background-color:#6d8fb3;
background-position::0px 0px;

}

.social-fb {
background-color:#526da3;
background-position::-40px 0px;
}

.social-tw {
background-color:#73bfe6;
background-position::-80px 0px;

}

4

нашел ошибки, прошу прощения)))

1 лайк