Сергей Сыса, у верстальщиков и у дизайнеров разный софт. Я сказал человеку верстать макеты, при чем тут обсуждение в каком формате их делать? При том что все импортится туда сюда и обратно. В гугле макеты для тренировки 99% в psd поэтому и назвал этот формат. И не нужно открывать фотошоп чтобы верстать из psd.
Плохо в том, что если класс active понадобится в другом месте - то его не перенесешь, так как он привязан к родителю. Еще если есть в другом месте класс .active {} то он будет действовать на .main .active{ color: white;} хотя это не очевидно.
В общем если масштабировать такую верстку, то это сплошная боль, надо все такие места распутывать.
и изменив что то в одном классе не знаешь где это унаследуется и что то поломается.
s-morello, на страницах есть структура которая повторяется, теги head, открытие тега body
подключение стилей и скриптов
Иногда сетка страницы с сайдбаром
header и footer если они сквозные
Это все выносится в layout, а на самих страницах только то, что меняется на каждой странице.
ihabia, ну да, контейнер фиксируется и не меняется до следующего брекпоинта. А следующий настанет раньше, чем max-width перестанет работать и контейнер станет резиновым, если стандартные настройки не менять.