Испытание: карточка курса

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

Всем привет! Вопрос по данному испытанию - http://htmlacademy.ru/courses/55/run/9 - как получить 100% при отступах кратных 5?

Я 100% получил, но внешний отступ снизу у иконок получился 17px .

Вот мой код - http://jsfiddle.net/Rxu36/53/

2
  • Задайте блоку .share padding:20px; и
    height:195px;
  • Не трогайте p или установите margin:0px;
  • Установите для ссылок margin-top: 25px;
5

Если в карточку будет что-то добавляться разумнее сделать min-height?

6

Да, лучше для контентных блоков пользоваться min-height.

7

Помогите разобраться, что в этом задании я сделал не так, а то совсем голову сломал.

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;
    
}
.main{
    width:210px;
    background-color:#1abc9c;
    color:white;
    padding:10px 15px;
    
    
}
h2{
    font-weight:lighter;
    
}
p{
    margin-left:5px;
}
.share{
    width:150px;
    margin-left:5px;
    }

.social{
    display:inline-block;
    width:30px;
    height:30px;
    background-color:#16a085;
    margin-right:5px;
    
    margin-bottom:5px;
    margin-top:15px;
  }
  
.social-fb{
 background-image:url('/assets/course14/social-challenge.png');
 }
.social-tw{
 background-image:url('/assets/course14/social-challenge.png');
 background-position:-30px 0;
 }
 .social-gg{
 background-image:url('/assets/course14/social-challenge.png');
 background-position:-60px 0;
 }
/*
Все размеры, отступы, координаты, размеры шрифтов (не заданные в body) кратны 5 или 10.
Адрес картинки-спрайта:
/assets/course14/social-challenge.png
*/
8

Перенесите, пожалуйста, свое сообщение в отдельную тему.
Если я правильно понял Вы делаете “Испытание: карточка курса”?
Предоставьте еще Ваш код html. И оберните пожалуйста все, по отдельности CTRL+K