

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

Верстка на 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

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

Обсудим? 

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

• Адаптивная верстка на flexbox. ч2

  $1
• Верстка PSD в HTML. Практика, макет Maker Free. (ч.3)

  $1
• HTML / CSS. Верстка реального проекта. 2

  $1