Read this in other languages: EN

"Путешествие по России" - это типовой одностраничный сайт про российский внутренний туризм. В проектной работе была применена работа с макетом в Figma, построение сложных сеток, расширенные возможности HTML и CSS. Отличием от предыдущей проектной работы "How to Learn" является реализация адаптивной вёрстки посредством Flexbox, Grid Layout и Media queries.

• Проект адаптирован под различные разрешения устройств:
  • до 768 пикселей - мобильные устройства;
  • от 768 до 1024 пикселей - от вертикального до горизонтального положения планшета;
  • от 1024 до 1280 пикселей — небольшие ноутбуки;
  • от 1280 пикселей — от стандартных ноутбуков и до бесконечности.
• Адаптивный дизайн:
  • все элементы сайта тянутся и сжимаются;
  • применяются медиа-запросы (@media) для изменения внешнего вида;
• Сложная сетка в разделе places и photo-grid
• Трансформация элементов страницы посредством CSS

• Flexbox
• Grid Layout
• Positioning Elements
• BEM Methodology
• File Structure and File Paths (Nested BEM)
• Git
• Figma

git clone https://github.com/goldlexx/russian-travel.git

Запустите локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц - How do you set up a local testing server? (MDN web docs)

• Сборка проекта посредством Webpack
• Создание popup c дополнительной информацией о проекте
• Реализация функционала смены языка страницы
• Требуется сверстать два блока из дополнительного макета

Макет в "Figma"

Чеклист проектной работы