Верстка односторінкового сайту з адаптивом

Список використаних технологій:
1. Збірка проекту здійснюється за допомогою Gulp
2. Стилі у проекті написані з використанням препроцесора scss.
3. Для створення адаптивною верстки використані медіа-запити.
4. Директива @include використана для підключення міксінів.
5. В проекті були створені міксіни для оформлення тексту, центрування та позиціонування елементів, а також позиціонування background-image.
6. Були використані змінні, в яких зберігаються кольори, що найчастіше зустрічаються у layout.
7. Класи на сторінці задані за допомогою методології БЕМ (блок-елемент-модифікатор), а у файлах стилів, використаний амперсанд для зручності та компактності написання коду (вкладеність елементів).

olenabekhtir.github.io
Верстка односторінкового сайту з адаптивом изображение 1

Верстка односторінкового сайту з адаптивом изображение 2

Верстка односторінкового сайту з адаптивом изображение 3

Верстка односторінкового сайту з адаптивом изображение 4

Верстка односторінкового сайту з адаптивом изображение 5

Верстка односторінкового сайту з адаптивом изображение 6

Работа добавлена: 23.02.23

Наверх