Страница проекта на GitHub Pages
- Описание
- Использовано
- Процесс написания
Описание
Одностраничный сайт, посвященный путешествиям по России.
Проектная работа 1 курса, спринт 3 по профессии "Веб-разработчик" образовательной платформы ЯндексПрактикум поток №39, группа "Purple" старт обучения по основной программе - 14.11.2021 года
Использовано
- Браузерные стили сброшены через Normalize.css;
- Шрифт Inter (regular, bold, black) в формате woff2 и woff для поддержки более старыми браузерами;
- Абсолютное позиционирование;
- Анимация при наведении на ссылки;
- Сетка на grid и flex;
Получен опыт:
- семантической HTML-разметки.
- использования в верстке БЭМ-подхода.
- кросс-браузерной верстки и использования вендорных CSS-префиксов.
- работы с системой контроля версий Git и сервисом GitHub.
- использования CSS-анимаций, фреймов, подключения шрифтов.
- организации файловой стркутуры проекта по Nested Bem.
- адаптивной верстки, использования медиа-запросов.
- работы с макетом в Figma.
- оптимизации графики
- публикации проекта на GitHub Pages
- Добавление файлов gitignore, nojekyll, editorconfig (из предыдущего спринта);
- Добавлен Normalize.css с https://necolas.github.io/normalize.css/;
- Подключен шрифт Inter;
- Семантическая разметка;
- Изображения;
- Типографика;
- Сетка десктопной версии;
- Сетка для меньших разрешений экрана, планшетов и мобильных устройств;
- Исправлено: брекпоинты, grig-сетка в photo-grid, place__paragraph, place__image, вместо places__paragraph, places__image, шрифты подключены в отдельном файле и подключены в index.css, убрано абсолютное позиционирование у cover__link