Загалом витратив півтора дня. Це моя перша практика(саме повністю самостійно з .psd). До цього робив або по відеоурокам, або прості сторінки без задуманого заздалегідь макету.

Мій код/макет сайту у .psd-форматі прикріпив до цього повідомлення(2,9mb).

Найскладнішим для мене було(як не дивно, в крайньому випадку для мене особисто) це шапка сайту(слайдер).  Зіткнувся з відступами та новою для мене властивістю line-height, про яку писав на днях.

Буду просто неймовірно радий любій критиці з вашої сторони, так як хочу навчитися верстати саме правильно і впевнений, що професіонал відразу помітить помилку новачка. Але в першу чергу мене цікавлять такі запитання:

1. Якщо на макеті в мене відступ(міряв за допомогою лінійки), наприклад 75px, а в коді мушу писати 125px, щоб на око виглядало як треба. Таке в мене було коли задавав line-height для тексту. Тобто це нормально, що верстальщик має "на око" виставляти відступи, чи якщо відбувається така ситуація, це показує, що щось він робить не так?

2. Також помучився з іконками соц. мереж у шапці.

На макеті вони зроблені за допомогою Font Awesome, але повторити їх за допомогою CSS я просто фізично не зміг, при чому однієї іконки(Google Plus) я навіть не знайшов. Тому просто вирізав та вставив як картинки. Чи правильно я зробив?

3. Коли треба вставляти картинку як фон, а коли у HTML? Розумію, що якщо вона не несе інформації користувачеві - то фон, але на практиці в мене виник ступор. От наприклад слайдер. По ідеї це має бути як картинка. Але чи треба її вставляти у HTML і гратися з z-index, щоб вона була якби на фоні, чи це мене понесло не туди? Теж саме про картинки соц. мереж. Бачив відео, де автор вставляв їх саме як картинки, а не фон, тому теж так зробив.

4. І ще питання про посилання Readmore:

Проблема в тому, що на макеті вони розташовані на одні лінії:

Чого немає в мене(у нижчому блоці). Якщо однаковий по обсягу вміст, то все добре...але якщо ні то виходять така каша. Що в такому випадку робити? Залишити все як є, бо на макеті це просто для краси зроблено?

І тоді ще одне питання виникаюче з попереднього. От у мене такий же шрифт як і на макеті, такий же відступ, ширина блоку тощо. Але все-рівно текст розташований по-різному. От наприклад:

Тобто на макеті шрифт ніби менший. Але займає більше місця. Це в мене галюни чи як, бо використовував той самий шрифт.

Заздалегідь дякую за відповідь.