Немогу понять, почему, когда убрать у “h1” margin-top: 0; то отступ стает сверху больше, также у “p” если убрать margin-bottom: 0; і сделать минимальную высоту контейнера “card”, а не фиксурованую, то отступ тоже увеличивается. Предполагаю что заголовки и абзацы имеют внешние отступы по умолчанию?
Оцените код пожалуйста, не знаю будет ли он 100%, почти был но попытки закончились)
<html>
<head>
<meta charset="utf-8">
<title>Испытание: карточка курса</title>
</head>
<body>
<div class="card">
<h1>Курс «Фоны»</h1>
<p class="text">
<span>Учимся использовать фоновые цвета и изображения, разбираемся с форматами, знакомимся с приёмами создания декоративных эффектов.</span>
<a class="social social-fb" href="#"></a>
<a class="social social-tw" href="#"></a>
<a class="social social-google" href="#"></a>
</div>
</body>
/*
Все размеры, отступы, координаты, размеры шрифтов (не заданные в body) кратны 5 или 10.
Адрес картинки-спрайта:
/assets/course14/social-challenge.png
*/
Вы бы, если уж выкладываете своё решение, как-то аккуратней оформляли код - а то слеплено всё в кучу, половина CSS - вязь без пробелов, думаете, кто-то будет это разбирать? Разметка абы как показана, с пропусками тегов… И с выполнением критериев задания - там сказано про кратность отступов 5 или 10, у Вас же margin-top: 11;