Прошла испытание с 100%, но в коде использовала для класса .social внешний верхний отступ 11px . Подскажите, что не так?(
<div class="main">
<p class="h">Курс «Фоны»</p>
<p class="text">Учимся использовать фоновые цвета и изображения, разбираемся с форматами, знакомимся с приёмами создания декоративных эффектов.</p>
<div class="share">
<a class="social social-fb" href="#"></a>
<a class="social social-tw" href="#"></a>
<a class="social social-gm" href="#"></a>
</div>
.main {
display:block;
background-color:#1abc9c;
color:white;
width: 240px;
height: 235px;
margin-top:-20px;
}
.h {font-size:20px;
padding-top:20px;
padding-left:20px;
}
.text{padding-left:20px;
padding-right:20px;
}
.social {
display: inline-block;
width: 30px;
height: 30px;
margin-top:11px;
margin-left:20px;
background: #16a085 url("/assets/course14/social-challenge.png") no-repeat;
vertical-align: middle;
}
.social-fb {
background-position: 0 0;
}
.social-tw {
margin-left:5px;
background-position: -30px 0;
}
.social-gm {
margin-left:5px;
background-position: -60px 0;
}