Подобрал размеры у даты, с помощью паддинга и уменьшения высоты(цифры не кратны 5, что не радует)
Подобрал расположение иконки комментов (left: 152;)
Помогите сделать это изящнее, тем более дату и цитатку можно было через запятую написать, если бы не проблема.
html,
body {
margin: 0;
padding: 0;
}
Относительно первой буквы И в слове “Интенсив”, я весь пост сдвинул на 75px вправо поставил относительное позиционирование и от-но родителя и двигал иконки .post-stats, точно также, как и двигал левые две(date, type). Получается, что от-но блока post.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Испытание: анонс поста</title>
</head>
<body>
<div class="post">
<div class="post-title">Интенсив: программа</div>
<div class="post-date">13.09</div>
<div class="post-type"></div>
<div class="post-author">
Автор: <a href="#">HTML Academy</a>
</div>
<div class="post-stats">
<div class="icon icon-tags"></div>
<a href="#">интенсив</a>,
<a href="#">программа</a>
</div>
<div class="post-stats">
<div class="icon icon-comments"></div>
<a href="#">5</a>
</div>
<div class="post-text">Работа над интенсивом идёт полным ходом. Мы нашли крутых людей в команду и решили еще кучу задач. Но сегодня я подробнее расскажу о работе над программой интенсива.</div>
</div>
</body>
</html>
Ахахаха, спасибо. Я просто уже за ночь почти забыл, как там всё располагалось. Работает. Единственное, что немного удивило, что отступы не надо вести. Я поставил .post-stats относительное позиционирование и они сами встали. Пойду почитаю как раз про позиционирование, когда relative в relative как они себя ведут.