Сразу скажу делаю первые шаги в изучении сайтостроения, а именно верстки. Сверстал вот такой "резиновый" шаблон сайта, придерживаясь основ HTML5. Изначально шаблон был написан на простом HTML и имел статический вид.
Верстку строил на основе float и "двойной обертки" ширину блоков указывал явно (в пикселях)-родительский класс и в процентах -дочерний класс.
Прошу указать на недостатки моей верстки, ошибки, на что обратить внимание в дальнейшем, а также какой способ вы бы использовали при создании "резинового" сайта (подразумеваю использования "выстраивать элементы позиционированием", "центрирование").
Что можно предпринять для адаптации такого шаблона?
Также прошу ответить на некоторые вопросы:
1)Возможно ли строить сетку сайта не на float-ах а на display:block/inline-block? Что лучше выбирать на будущее?
2) Какой путь развития в плане front-end разработки выбрать, насколько мои предположения истинны?
Предполагаю такой ход развития:
Клиентская часть (сама верстка)
1) Изучение Html5, CSS (методов верстки резиновая и адаптивная) ,изучение основ JavaScript
2) Освоение CSS фреймворка Bootstrap
3) Адаптация шаблона под CMS WordPress
4) Далее приступать к адаптации шаблона под более сложные CMS Joomla, Drupal.
После клиентской части изучить серверную, а именно основы PHP, ООП в PHP, написание различных модулей под WordPress.
Буду благодарен за ваши отзывы и советы! Интересно услышать советы профессионалов.
Прилагаю HTML и CSS код своего шаблона
https://codepen.io/dmitriu256/pen/EyaEMj 
