

• • 733
• • ПОДЕЛИТЬСЯ:

Верстка на grid layout. Макет digital labs ч.2

Вот и пришло время, когда все основные браузеры начали поддерживать великолепную технологию grid layout. А значит, пора использовать её на практике. Что ж давайте сверстаем макет и попробуем grid’ы в бою?

В ходе нашей работы, мы также будем использовать препроцессор Sass, svg спрайты, слайдер slick и конечно flexbox (и да grid layout это не «убийцы flexbox», а родственник, который делает наши возможности ещё шире!).

 

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

• Часть 1
• Часть 3-4

 

Ссылки на материалы:

• Итоговый результат
• Скачать Digital Labs.psd [доступно после покупки видео]
• Установка CSS hat & Png Hat
• Настройка SASS в Phpstorm
• Flaticon
• socicon
• work-timer.pro

$ 1

авторизуйтесь пожалуйста

Обсудим? 

Что есть еще интересного? 

• Верстка адаптивного письма (email) #1
• HTML / CSS Вёрстка макета Global Media. Grid & Flexbox. #5

  $1
• Как установить Photoshop + CSS & Png Hat