-
- 1287
Верстка на grid layout. Макет digital labs ч.1
Вот и пришло время, когда все основные браузеры начали поддерживать великолепную технологию grid layout. А значит, пора использовать её на практике. Что ж давайте сверстаем макет и попробуем grid’ы в бою?
В ходе нашей работы, мы будем использовать препроцессор Sass, svg спрайты, слайдер slick и конечно flexbox (и да grid layout это не «убийцы flexbox», а родственник, который делает наши возможности ещё шире!).
Work-timer отчет: https://work-timer.pro/54d4eda8
Продолжение:
Ссылки на материалы:
- Итоговый результат
- Скачать Digital Labs.psd [доступно во 2 части]
- Установка CSS hat & Png Hat
- Настройка SASS в Phpstorm
- Flaticon
- socicon
- work-timer.pro
авторизуйтесь пожалуйста