9/18. Сделано на 100%. Порадуйтесь за меня

Курсы §14. Мастерская: декоративные элементы
1 
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Испытание: карточка курса</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="card">
      <h1>Курс «Фоны»</h1>
      <p>Учимся использовать фоновые цвета и изображения,   разбираемся с форматами, знакомимся с приёмами создания декоративных эффектов.</p>
      <div class="share">
        <a class="social social-fb" href="#"></a>
        <a class="social social-tw" href="#"></a>
        <a class="social social-g" href="#"></a>
      </div>
    </div>
  </body>
</html>



html,
body {
  margin: 0;
  padding: 0;
}

body {
  width: 280px;
  min-height: 280px;
  padding-top: 20px;
  padding-left: 20px;

  font-size: 14px;
  line-height: 1.2;
  font-family: "Arial", sans-serif;

  background-color: #ecf0f1;
}

.card {
  width: 200px;
  padding: 20px;
  color: #fff;
  background-color: #1abc9c;
}

h1 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
}

p {
  margin: 0;
  margin-bottom: 25px;
}

.share a {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  background: #16a085 url("social-challenge.png") no-repeat 0 0;
}

.share .social-tw {
  background-position: -30px 0px;  
}

.share .social-g {
  background-position: -60px 0px;  
}
2

Это хорошо что получается, молодец. Поздравляю!

1 лайк