Карточка курса. Помогите пожалуйста разобраться

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

CSS:

html, body{
margin:0;
padding:0;
}
body{
width:280px;
min-height:280px;
padding-top:20px;
padding-left:20px;
font-size:14px;
font-family:"Arial", sans-serif;
line-height:1.2;
background:#ecf0f1;
}

.block{
width:200px;
height:220px;
padding:10px 15px;
background:#1abc9c;
color:white;
}

.kurses{
font-weight:normal;
font-size:19px;
margin-bottom:20px;
padding:5px;
}

.social{ 
display:inline-block;
width:30px;
height:30px;
background:#16a085; 
background-image:url('assets/course14/social-challenge.png');
background-repeat:no-repeat;
}

.fb{

}

.tw{
}

.gg{
}

Вот что получается:

http://static.hypercomments.com/data/images2/4053958/1438470302748044

2

Контейнер явно не должен иметь класс, как сами иконки. Сам CSS не смотрел, но думаю, дальше разберешься.

1 лайк
3

Сверяйтесь с вкладками «Наложение» и «Различия», там видно, где несовпадения.

Также внимательно ставьте классы, как правильно сказал @Ivan.