Всем привет! Вопрос по данному испытанию - http://htmlacademy.ru/courses/55/run/9 - как получить 100% при отступах кратных 5?
Я 100% получил, но внешний отступ снизу у иконок получился 17px .
Вот мой код - http://jsfiddle.net/Rxu36/53/
Всем привет! Вопрос по данному испытанию - http://htmlacademy.ru/courses/55/run/9 - как получить 100% при отступах кратных 5?
Я 100% получил, но внешний отступ снизу у иконок получился 17px .
Вот мой код - http://jsfiddle.net/Rxu36/53/
Если в карточку будет что-то добавляться разумнее сделать min-height?
Да, лучше для контентных блоков пользоваться min-height.
Помогите разобраться, что в этом задании я сделал не так, а то совсем голову сломал.
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
*/
Перенесите, пожалуйста, свое сообщение в отдельную тему.
Если я правильно понял Вы делаете “Испытание: карточка курса”?
Предоставьте еще Ваш код html. И оберните пожалуйста все, по отдельности CTRL+K