• Учебный проект
  • Яндекс Практикум
  • Учебный Full Stack‑проект

Адаптивный лендинг из Яндекс Практикума

Учебный Full Stack‑проект из Яндекс Практикума с фокусом на адаптивную верстку, семантический HTML, структуру CSS и базовые интерактивные элементы

FrontendHTMLCSSJavaScriptАдаптивная верстка
Laptop mockup with a dark screen on a light desk

01

Обзор

В учебном Full Stack‑проекте сверстала адаптивный лендинг с семантической HTML‑разметкой и чистой CSS‑структурой

02

Задача

Отработала семантическую разметку, адаптивную верстку, композицию секций, переиспользуемые CSS‑паттерны и базовые JavaScript‑взаимодействия

03

Моя роль

Реализовала структуру страницы, адаптивную верстку, стили, hover‑состояния и простую интерактивную логику

04

Реализация

Собрала HTML‑структуру, CSS‑layout, responsive breakpoints, переиспользуемые классы и базовую JavaScript‑логику

05

Адаптивность

Настроила адаптацию для mobile, tablet и desktop без горизонтального скролла и с читаемыми отступами

06

UI-состояния / взаимодействия

Добавила hover‑состояния, заметные интерактивные элементы и базовое JavaScript‑поведение для учебной практики

07

Результат

Кейс показывает практические навыки верстки и внимание к адаптивной реализации

08

Вывод

Проект укрепил базу HTML⁠/⁠CSS, дисциплину layout‑решений и mobile‑first мышление

Следующий проект

Интерактивное JavaScript-приложение