Испытание: анонс поста 100% но..

Курсы §14. Мастерская: декоративные элементы
1

Проверьте, пожалуйста, код. 100% но уверен, что будут какие-то замечания.

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

body {
    width: 280px;
    min-height: 250px;
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-family: "Arial", sans-serif;
    line-height: 1.2;
    color: #7f8c8d;
    background: #ecf0f1;
}

.post-stats .icon {
    width: 15px;
    height: 15px;
}

.post-title {
    font-size: 20px;
    color: #2980b9;
    margin-left: 75px;
    margin-bottom: 5px;
}

.post-date {
    position: absolute;
    top: 50px;
    height: 55px;
    width: 55px;
    font-size: 15px;
    font-weight: bold;
    background-color: #ffffff;
    line-height: 55px;
    text-align: center;
    border-bottom: 5px solid #bdc3c7;
    margin-bottom: 10px;
}

.post-type {
    position: absolute;
    top: 120px;
    height: 55px;
    width: 55px;
    background: #7f8c8d 50% 50% no-repeat url(/assets/course14/quotes.png);
    border-bottom: 5px solid #bdc3c7;       
}

.post-author {
    margin-left: 75px;
}

.post-stats {
    display: inline-block;
    position: relative; 
    left: 95px;
    top: 5px;
    margin-bottom: 5px;
}

a {
    text-decoration: none;
    color: #2980b9;
}

.icon-tags {
    position: absolute;
    left: -20px;
    background: url(/assets/course14/post-challenge.png) 0px 0px;    
}

.icon-comments {
    position: absolute;
    left: 10px;
    background: url(/assets/course14/post-challenge.png) -20px 0px;
}

.post div:nth-child(6) a {
    margin-left: 30px;     
}

.post-text {
    background-color: #ffffff;
    margin-left: 75px;
    margin-right: 10px;
    padding: 10px 15px;
    border-bottom: 5px solid #bdc3c7;
}
2

Кто-нибудь тут отвечает? )

3

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

4

Моя тема была вчера

5

Ваш код на 100%. Сравнить его с другими вариантами вы вполне можете сами.
Потом задать конкретные вопросы, спросить как лучше было сделать тот или иной элемент. А не просто создать новую тему и ждать ревью кода.

1 лайк
6

А зачем его сравнивать с другими вариантами учеников, сколько людей - столько и ошибок. Опубликовали бы тогда ваш вариант идеального кода от разработчиков курса!

P.S. И вообще вы как-то недружелюбно себя ведёте с теми кто вам платит за курсы. Вам никто этого не говорил? Думаю уже говорили…

7

Вы так уверенно утверждаете о том, чего не знаете наверняка - это даже удивительно. И мысли не допускаете, что помощь может быть безвозмездна. К разработчикам я не имею отношения.
Еще никто не жаловался на меня, по крайней мере до меня жалобы не доходили. Можете пожаловаться, если хотите)
А лучше не тратьте время на бесполезные споры и всё-таки сравните свой код с другими предложенными на форуме. И мы с вами пообщаемся непосредственно по заданию, если возникнут вопросы.

8

Вы мне ничем не помогли, спасибо.

9

Лень. Уровень: Бог.