GRID-TEMPLATE

Фінальна версія учбового проекту GRID-TEMPLATE. Цей проект демонструє один із варіантів верстання адаптивного сайту з використанням CSS Grid.

Структура проекту

Проект має наступну структуру файлів і директорій:

project/
├── assets/
│   ├── css/         # скомпільовані CSS файли
│   ├── images/      # зображення
│   ├── js/          # JavaScript файли
│   └── vendors/     # зовнішні бібліотеки
└── src/
    └── scss/        # SCSS файли

Про проект

Автоматизація

Проект налаштований з використанням Gulp для автоматизації процесу розробки. Всі необхідні залежності вже встановлені.

Для роботи з проектом виконайте:

npm install
gulp watch

Більше інформації про налаштування Gulp: Інструкції з налаштування Gulp

Дизайн

Проект реалізований за макетом Figma: Figma макет GRID-TEMPLATE

Використані технології

У проекті застосовано:

1. Семантичний HTML5
2. CSS Grid для створення адаптивних сіток
3. Методологія BEM для іменування класів
4. SCSS як препроцесор CSS