Gulp вам конкатенирует файли в одим, минифицирует и прописивает суффикс. По этому подключайте не <script src="slick/slick.min.js"></script>, а <script src="assets/js/libs.min.js"></script>, и <script src="assets/js/common.js"></script> удалите
Тут все правильно написано, просто в книге не учтено что у браузеров есть свои начальние свойства css, и для body это margin, по этому на картинке так и виглядит
Вот пример, в котором закоментированое свойство margin, посмотри и все станет ясно
Ришат Султанов: правильный вариант (по стандартам W3C)
тег должен делать то для чего его придумали (семантика), Вы питаетесь зделать что то непонятное.
Максим Ленский: браузер при рендеринге закроет, это не грубая ошибка за которой все упадет, а вот отображаться страно может. Все же дело не в этом, советую автору переписать проект и зделать это правильно, а то что сейчас есть, никуда не годиться.
senefu: опечатался, хотел написать flex-direction, но все равно верстк ужасная, очень много не нужной вложености, с css беда, по этому и не работает как нужно