Правильно я пишу разметку и css?

На всех активных элементах не хватает ховера. В остальном, если вам так удобно верстать, то нормально.

неплохо. явных косяков не видно.

я бы даже сказал — хорошо

Для первых работ - круть

На мой взгляд можно сократить несколько тегов, типа
<span class="vline">|</span>
отступы можно задать и ссылкам

<span class="post__count">76</span>
тоже самое

Личное: не люблю $__ не удобно смотреть чьи это дети. Но это вопросы привычки.

Про hover сказали.

В CSS можно за строчку-другую побороться, но это лишнее.

Ankhena, спасибо) рада что привели примеры! исправлюсь

Андрей, забыла совсем про эти псевдо) но исправим.

Сергей, мне все равно что я кажется что-то упускаю. что неправильно идёт что-то. но как говорят со стороны видней. спасибо

Ankhena,

Личное: не люблю $__ не удобно смотреть чьи это дети. Но это вопросы привычки.

А вы описывайте один блок в одном файле. Тогда не нужно будет думать, чьи это дети ;)

Сергей, проекты бывают и не родные