Задача:
Сверстать страницу аукциона по макету в Figma с точностью до пикселя. Отработать сложные сетки, позиционирование и декоративные элементы.
Моя роль:
Frontend-разработчик. Отвечал за вёрстку, сетки и Pixel Perfect.
Что делал:
— Сверстал семантическую разметку (header, main, footer, section, article, address)
— Реализовал Grid-сетку для шапки (3 колонки: меню, логотип, адрес) с выравниванием через justify-self
— Настроил Flexbox для меню, карточек лотов и внутренних элементов
— Реализовал абсолютное позиционирование оверлеев (прозрачный фон поверх секций и карточек)
— Настроил фоновые изображения с background-size: cover и background-position: center
— Стилизовал кастомные кнопки, списки и ссылки
— Сверил результат с макетом через Pixel Perfect
Стек:
HTML5, CSS3, Flexbox, Grid Layout, позиционирование, Figma, Pixel Perfect.
Результат:
Полностью готовая страница аукциона с точным соответствием макету. Готовое решение для промо-страниц и лендингов.
https://github.com/Kaylapoza/ono-tebe-nado-fd