Frontend-проект: "Nat Geo Wild"

Описание проекта

Адаптивный первый экран сайта Nat Geo Wild, посвященного дикой природе, окружающей среде и существах, обитающих на Земле.

Ссылка на макет

https://www.figma.com/file/FA9KrReWAcsp6XBZnZuzeV/Nat-Geo-Wild-UI%26UX-Web-Design-(Community)?type=design&node-id=0-1&mode=design&t=LCaH5XM5jDIAji5G-0

Ссылка на проект

https://dayenscode.github.io/nat-geo-wild/

Используемые языки

HTML CSS

Установка и запуск приложения в локальном репозитории

• git clone https://github.com/DayensCode/how-to-learn.git - клонировать репозиторий (с использованием HTTPS либо SSH) на свое устройство
• открыть с помощью Live Server, либо из локального репозитория

Процесс создания

Была осуществлена адаптивная верстка по макету из Figma (desktop first). Проведена оптимизация картинок через онлайн-сервисы SVGOMG и Squoosh.

Функционал

• Семантические теги
• Flexbox
• Адаптивная верстка под размеры экранов 1280px - 320px
• БЭМ Nested
• Псевдоклассы CSS

Планы по улучшению

• Верстка альтернативных первых экранов с другими животными
• Добавление слайдера