В этот раз, поговорим про верстку реального проекта. Какие при этом бывают трудности и как их решить. В ходе работы используется много flexbox, фишки на sass (миксины, циклы, массивы), слайдеры, а также адаптив, и даже немножко grid layout. Всему этому вы сможете научиться на практике собирая данный макет. Приступим?

Итоговый результат: https://shturnev.github.io/electronoff/

Work-timer процес над производством для этого видео: https://work-timer.pro/705f07f3. (Сколько времени было затрачено на запись этого видео).

Продолжение:

• Часть 2
• Часть 3
• Часть 4
• Часть 5

Ссылки, дополнительные материалы:

• Скачать PSD макет (electronoff-main-1.psd) [скрыто, доступно начиная со 2 части]
• Исходный код. Репозиторий [скрыто, доступно начиная со 2 части]
• https://work-timer.pro/ - простой и удобный time manager
• https://www.flaticon.com - иконки
• Видео. как настроить sass в phpstorm
• как установить css hat
• google fonts
• socicon иконки соц. сетей
• установить FB плагин