WebDesign Master
Всем привет, дорогие друзья! Сегодня мы на реальном примере сверстаем крутой адаптивный макет, используя технологию CSS Grid. В данном уроке мы не будем использовать никаких фреймворков для адаптивной верстки и в полной мере насладимся чистым CSS и новыми возможностями CSS Grid. В конце видео мы протестируем верстку на реальном мобильном устройстве :-)
Поделиться
Твитнуть
Поделиться
Класснуть
Плюсануть
Запинить
Полезные материалы и результат HTML верстки:
- Результат верстки: http://agragregra.github.io/demos/css-grid/
- Рефересны, исходники: https://yadi.sk/d/HGN103t33Mt93i
- Стартовый Gulp шаблон для верстки: https://github.com/agragregra/Simple-Gulp-Start
- Код кнопки из урока: https://gist.github.com/agragregra/f56481d68e104203fa776bc879f1d337
- Урок «Gulp для самых маленьких»
- Урок «CSS Grid: Новый взгляд на адаптивную верстку сайтов»
